草庐IT

angularJs

全部标签

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 - 在 ng-if 中设置监视元素

假设我有以下观点:在Controllersome中设置:foo.controller('fooFoo',functionfooFoo($scope){$scope.some="something";$scope.$watch('foo.Bar',function(nVal,oVal){etc...});});如果输入位于带有ng-if的div中,则watch不起作用。为什么?我能以某种方式让它发挥作用吗? 最佳答案 您必须在Controller中创建foo的空对象。foo.controller('fooFoo',functionfo

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

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

javascript - 如何在 ProtractorJS 中扩展 ElementFinder 对象?

在使用protractorJS进行的一些实验中,我注意到没有简单的方法可以从Protractor扩展(继承)ElementFinder对象以添加自己的函数。例如,我想创建对象Checkbox,它会有额外的方法-check()-应该根据isSelected()的结果切换复选框。我想出了代码-varElementFinder=require('protractor/lib/element.js').ElementFinder;varElementArrayFinder=require('protractor/lib/element.js').ElementArrayFinder;class

javascript - 如果 md-tooltip 中为空,则隐藏工具提示

我有以下工具提示:{{item.details}}$scope.createDetails=function(item){item["details"]="example";}如果我点击,会出现详细信息(工具提示不居中,另一个问题,但现在没问题)主要问题是:我想在没有信息的情况下隐藏tooltip,所以当item.details==undefined我尝试了ng-show、md-visible、ng-class等。这些问题有解决方案吗? 最佳答案 您可以使用ng-if评估item.details的内容决定是否的变量元素是否创建。{{

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 - 除非调整浏览器窗口的大小,否则 Angular ui 网格不会显示内容

我正在使用angularjs1.5.0和angularuigrid3.1.1。当我像这样在Controller主体中分配gridOptions(传递给grid指令)对象时:$scope.gridOptions={data:[{"mock2":1,"mock1":2},{"mock2":10,"mock1":22}]};HTML:它按预期显示表格。但是当我尝试更改$scope.on中的数据时:$scope.$on('update',function(event,passedFromBroadcast){$scope.gridOptions.data=[{"mock2":"set","mo

javascript - 打包 AngularJs 应用程序

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

javascript - 如何使用 Angular ui-router 在状态之间传递数据?

我本来没打算用ui-router做这个项目(2天前才知道),所以我对这个很陌生。我对这个问题的看法是:图像列表模板,使用ng-repeat显示,并从Controller中调用的服务获取img-src。该服务从json文件获取源。图像编辑器模板。此Controller应获取在图像列表中单击的图像的图像源。如何将图像源从一种状态(图像列表)传递到另一种状态(图像编辑器)?当我假设我不会使用ui-router及其状态时,我正在使用一项服务来做到这一点。我该如何处理状态? 最佳答案 因此,我找到了一种简单高效的数据传递方式,到目前为止,这对