Tag: angularjs
AngularJS – select单选button时触发
我search并尝试了许多ng-xxxxtypes的选项，但找不到一个..我只是想调用控制器中的一些function，当单选button被选中。 所以它可能类似于以下..（当然，下面的代码不工作） <input type="radio" ng-model="value" value="one" ng-click="checkStuff()"/> 有什么办法实现我想要的？
以angular度方式设置元素焦点
在查找如何设置angular度的焦点元素的例子之后，我看到他们中的大多数使用一些variables来观察然后设置焦点，并且他们中的大多数对于每个他们想要设置焦点的场使用一个不同的variables。 在一个forms上，有很多领域，这意味着在很多不同的variables。 以jQuery的方式，但想要以angular度的方式做到这一点，我做了一个解决scheme，我们使用元素的id在任何函数中设置焦点，所以，因为我是非常新的angular度，我想获得一些意见，如果这种方式是正确的，有问题，无论如何，任何事情都可以帮助我以更好的方式做到这一点。 基本上，我创build了一个指令，通过指令来监视由用户定义的范围值，或者默认的focusElement，当该值与元素的id相同时，该元素集合本身。 angular.module('appnamehere') .directive('myFocus', function () { return { restrict: 'A', link: function postLink(scope, element, attrs) { if (attrs.myFocus == "") { attrs.myFocus = "focusElement"; } scope.$watch(attrs.myFocus, function(value) { if(value == attrs.id) { element[0].focus(); } }); element.on("blur", function() { scope[attrs.myFocus] = ""; scope.$apply(); }) } }; }); 需要通过某种原因获得关注的input将会这样做 <input my-focus id="input1" type="text" /> […]
如何让AngularJS绑定到A标签的title属性？
目的是让产品名称出现在缩略图的工具提示中。 浏览器不会从“ng-title”或“ng-attr-title”创build工具提示。 我们正在使用AngularJS版本1.0.7。 你可以用“ng-”或“ng-attr”来预定任何属性，而Angular会相应地绑定。 但是，它似乎没有“绑定”HTML标签的标题属性。 防爆。 1。 代码： <a title="{{product.shortDesc}}" …> 预期成果： <a title="Canon Powershot XS50 12MB Digital Camera" …> 实际结果： <a title="{{product.shortDesc}}" …>我们在工具提示中获得了不必要的大括号。 防爆。 2。 代码： <a ng-attr-title="{{product.shortDesc}}" …> 预期成果： <a title="Canon Powershot XS50 12MB Digital Camera" …> 实际效果： <a ng-attr-title="Canon Powershot XS50 12MB Digital Camera" …> 我们没有得到一个简单的title attirbute，也没有得到一个工作提示。
在属性中指定的angularjs指令调用函数并将parameter passing给它
我想创build一个链接到一个属性的指令。 该属性指定应在作用域上调用的函数。 但是我也想把一个parameter passing给链接函数里面的函数。 <div my-method='theMethodToBeCalled'></div> 在链接函数中我绑定到一个jQuery事件，它传递一个参数，我需要传递给函数： app.directive("myMethod",function($parse) { restrict:'A', link:function(scope,element,attrs) { var expressionHandler = $parse(attrs.myMethod); $(element).on('theEvent',function( e, rowid ) { id = // some function called to determine id based on rowid scope.$apply(function() {expressionHandler(id);}); } } } app.controller("myController",function($scope) { $scope.theMethodToBeCalled = function(id) { alert(id); }; } 没有通过ID我可以得到它的工作，但只要我尝试传递一个参数，函数不会被调用了
量angular器和噶玛可以一起使用吗？
如果Protractorreplace了E2Etesting的Angular Scenario Runner，那么这是否意味着我仍然可以将它作为我的E2Etesting框架与Karma一起使用？
如何使用AngularJS过滤数组，并使用过滤对象的属性作为ng-model属性？
如果我有一个对象数组，并且我想要将Angular模型绑定到基于filter的其中一个元素的属性，那么我该怎么做？ 我可以用一个具体的例子来更好地解释： HTML： <!DOCTYPE html> <html ng-app> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script> <meta charset=utf-8 /> <title>JS Bin</title> </head> <body ng-controller="MyCtrl"> <input ng-model="results.year"> <input ng-model="results.subjects.title | filter:{grade:'C'}"> </body> </html> 控制器： function MyCtrl($scope) { $scope.results = { year:2013, subjects:[ {title:'English',grade:'A'}, {title:'Maths',grade:'A'}, {title:'Science',grade:'B'}, {title:'Geography',grade:'C'} ] }; } JSBin： http : //jsbin.com/adisax/1/edit 我想过滤第二个input到“C”级的主题，但是我不想把模型绑定到等级上 ; 我想将它绑定到具有“C”级的主题的标题 。 这是可能的，如果是这样，它是如何做的？
JavaScript的Web应用程序和Java服务器，build立所有在Maven或使用Grunt的Web应用程序？
我们正在用AngularJS做一个Web应用程序，我们喜欢使用Bower进行依赖pipe理和Grunt的构build，运行testing等（ Yeoman ） 这个服务器是用Maven使用Java完成的，所以当然我们想用一个简单的mvn install一切（web应用程序+服务器） 那么你采取了什么方法，为什么？ 1）将它们视为两种不同的应用程序，实际上它们是。 所以使用不同的build筑方法/工具是可以接受的 2）忘记Grunt Bower，使用Maven插件构build，运行testing，pipe理Web应用程序的依赖关系。 如果是这样的话，哪一个呢？ 3）使用Maven exec插件调用Grunt来构build前端Web应用程序。 我认为这更像是一种解决scheme。 4）其他。 方法更容易与jenkins整合是一个加号。 提前致谢！
AngularJS：自动检测模型中的变化
假设我想做一些事情，比如自动运行一些代码（比如将数据保存到服务器），只要模型的值发生变化。 是唯一能做到这一点的方法是在每个控件上设置一些可能会改变模型的ng-change 。 也就是说，随着观点的发展，模型改变的时候事情就会改变，而不必明确地勾住任何东西。 有没有类似于能够运行保存到服务器的代码？ 就像是 myModel.on('change', function() { $.post("/my-url", …); }); 就像你可能会看到像骨干一样的东西。
在AngularJS中使用Promises的成功/错误/ finally / catch
我在AngularJs中使用$http ，我不确定如何使用返回的promise和处理错误。 我有这个代码： $http .get(url) .success(function(data) { // Handle data }) .error(function(data, status) { // Handle HTTP error }) .finally(function() { // Execute logic independent of success/error }) .catch(function(error) { // Catch and handle exceptions from success/error/finally functions }); 这是一个好办法吗？还是有一个更简单的方法？
Angular.js以编程方式将表单字段设置为dirty
我在编程上更新我的窗体上的一些字段的值，我想设置字段状态为$dirty 。 做的事情如： $scope.myForm.username.$dirty = true; 似乎没有工作。 有一个方法$setPristine ，我可以用来重置字段的状态，但没有$setDirty方法？ 那么怎么去做呢？ 我看到这个posthttps://groups.google.com/forum/#!topic/angular/NQKGAFlsln4，但我似乎无法find$setDirty方法。 我正在使用Angular版本1.1.5。
