jjzjj

angularjs-directive

全部标签

javascript - 如何在 MVC 中使用 AngularJS 上传文件

由于我是AngularJS的新手,我不知道如何使用AngularJS在MVC中上传文件。我试图上传一些没有任何特定类型或扩展名的文件,但失败了。我创建了一个javascript文件,其中有-这是serviceJS-varapp=angular.module("app",[]);app.service('FileUploadService',['$http',function($http){this.uploadFileToUrl=function(file,uploadUrl){varfd=newFormData();fd.append('file',file);$http.post(

javascript - 如何在 AngularJS 中有条件地应用指令?

我想使用ngAttr有条件地应用一个简单的指令。我不明白为什么总是显示我的指令。因此,如果我有一个undefined/false变量,我想应用我的指令:dirr。WhenusingngAttr,theallOrNothingflagof$interpolateisused,soifanyexpressionintheinterpolatedstringresultsinundefined,theattributeisremovedandnotaddedtotheelement.MycodepenDefaultdivangular.module('myApp',[]).directive

javascript - Angularjs $http.post - 将参数作为 JSON 发送到 ASPX webmethod

我有以下angularjs代码将httppost发送到webmethod,但我收到以下错误,没有更多信息。有人可以帮忙吗?如果我不向webmethod发送任何数据而只从中获取数据,它就可以正常工作!无法加载资源:服务器响应状态为500(内部服务器错误)angular.js:11442POSThttp://localhost:54461/GetData.aspx/getData500(内部服务器错误)Javascript:varrequest="{'name':'"+"Nariman"+"'age':'"+12+"'}";$scope.retData={};varconfig={head

javascript - Angularjs 从普通 JS 函数调用 $scope.function

这个问题在这里已经有了答案:AngularJS.Howtocallcontrollerfunctionfromoutsideofcontrollercomponent(10个答案)关闭6年前。我正在尝试实现googlerecapcha,我能够在它的帮助下验证用户是人类,reCapcha代码在我的代码中调用名为“verifyCallback”的回调函数,此外,我想调用在我的Controller范围内编写的AngularJS函数。到目前为止,这是我的代码-MainHtml,我已经包含了-HTML部分-varonloadCallback=function(){grecaptcha.rende

javascript - 打包 AngularJs 应用程序

我正在使用1.x构建Angular应用程序,并且已经有一段时间了。我使用Bower安装Angular和它附带的各种包以及其他一些零碎的东西,如Shivs、JQuery、ChartJs等。我喜欢使用Bower,因为它既好又快,并且将所有内容都放在一个一致的地方供我引用。我使用Grunt以及我的任务运行程序,所以我也希望能够自动执行此过程以实现丝般顺畅的开发。现在,随着我对Angular知识的增加以及我正在构建的应用程序的规模不断扩大,我发现自己在index.html中包含了对文件的数十次调用,我真的很想整理所有这些,理想情况下,变成一个漂亮的app.js使它更易于管理,不仅对我自己而且对

javascript - AngularJs 中带有微调器的甜蜜警报对话框

我正在尝试在sweetalert对话框中显示一个微调器,类似于Bootstrap模态对话框(http://jsfiddle.net/D6rD6/5/)我能想到的最接近的是这样的:SweetAlert.swal({title:'Importerrorsoccurred!',text:'',html:true,customClass:'manual-upload-errors-swal-width'});如果这不可能,那么最接近和最好的解决方案是什么? 最佳答案 原版sweetalert插件不支持,建议使用SweetAlert2插件。迁

javascript - [Vue 警告] : Failed to resolve directive: bin

我是VueJS的新手。您好,尽管我的应用程序正在运行,但我在控制台中收到此错误,该错误阻止了jQuery。v-for="messageinmessages"遍历对象并尝试显示对象。但收到此错误Vuewarn]:Failedtoresolvedirective:bin@{{message.fileName}}@{{message.sentAt}}@{{message.content}}@{{message.sentAt}}实际上这是一个laravelblade所以不用担心@符号 最佳答案 我在添加v-bind指令后遇到了同样的错误。结

javascript - 防止图像在 AngularJs 中渲染

我有这个jsFiddle:http://jsfiddle.net/HMZuh/1/其中包含此htmlshowimage和这个脚本:functionShowHideController($scope){$scope.showMe=false;$scope.imageSource='';$scope.showImage=function(){$scope.showMe=true;$scope.imageSource='https://www.google.com/images/srpr/logo3w.png';}}我收到404,当源尚未设置时找不到图像,当showMe为false时有什么方

javascript - 是否有可能知道 AngularJS 指令中元素的旧值?

元素旧值和新值动态变化时是否可以知道?举个例子,我有一个值为190的按钮190并且这个按钮会被socket.io动态改变。当它改变时,我需要比较这些值,如果新值高于旧值。谢谢! 最佳答案 如果您$watch您范围内的值,它将为您提供旧值和新值。所以你在指令中的链接函数看起来像这样link:function(scope,element,attrs){scope.$watch("foo",function(newVal,oldVal){//logicbasedonoldVal}}然后在您的HTML中{{foo}}参见http://doc

javascript - 从 ERB 切换到 Angular 时,Rails 应用程序中的 AngularJS View 功能测试中断

首先,我有一个工作rails“显示”页面显示项目名称和属于该项目的条目。当使用Angular$scope显示项目名称并使用ERB中的block显示条目时,我的测试通过了。当我用AngularDirective(指令)“ng-repeat”替换条目ERB代码时,仅我的条目测试场景开始失败。有趣的是,该应用程序仍在浏览器中运行。请记住,在我看来,另一个$scope变量过去和现在仍然通过使用几乎相同的测试。工作show.html.erb(在ERB中查看的条目):Thisis{{project.details.name}}Entries打破show.html.erb(在Angular中查看的条