Tag: angularjs

如何强制ng-click优先于ng-blur事件？: 当我点击保存button时，它会触发一个ng-blur事件，我怎样才能让buttonng-click事件触发呢？我仍然希望ng-blur事件触发，如果我点击outsidabutton或input字段。 http://jsfiddle.net/tidelipop/wyjdT/ angular.module('MyApp', []) .filter("placeholder", function(){ return function (text, length, end) { //console.log(typeof text, text, length); if(typeof text === 'undefined' || text == ''){ text = 'Click to edit…'; } return text; }; }) .directive("inlineEdit", function($compile, $q){ return { restrict: "A", replace: true, template: function(tElement, tAttrs){ var modelStr = tAttrs.inlineEdit, optionsStr = tAttrs.options, modelXtra […]

我在哪里可以得到Angular ui-grid选定的项目: testingangular度网格（ng-grid v.3.0）。不能为我的生活find选定的行。我只想抓住行的行数，甚至当用户点击行的行数时。在这里find最热门的评论，但我认为这已经过时了：从ng-grid获取选定的行？有没有人知道在哪里gridOptions.selectedItems被存储在3.0？

AngularJS DOMselect器: 我有几个自定义指令，使用jQuery的animation效果（angular度内置的ngShow / ngHide等function，但不漂亮）。我想我记得在文档中的angular度有自己的DOMselect器（类似angular.export()或angular.select() ），我应该使用，而不是$(SELECTOR) ; 但是我现在找不到它。我正在做这样的事情： //view <div scroll-to="element"> //`element` is set via ng-click … </div> //directive link: function(scope, elm, attrs) { scope.$watch(attrs.scrollTo, function scrollToAction(newValue,oldValue) { if ( newValue !== oldValue ) { elm.animate({ scrollTop: $('#'+newValue).offset().top //replace jquery selector with angular's – elm.offset().top + elm.scrollTop() }); } }); } 我没有真正操纵$('#'+newValue) ，只是检索有关它的信息，所以我不认为我犯了一个反Angular的犯罪。

为什么这个简单的AngularJS ng-show不工作？: 我无法弄清楚为什么我的简单的AngularJS应用程序不按预期工作。 “Loading …”应该是隐藏的，“完成！” 应在1秒后显示。 HTML： <div ng-app> <div ng-controller="TestCtrl"> <div class="text-center" ng-show="loading"> <h1>Loading…</h1> </div> <div class="text-center" ng-show="!loading"> <h1>Done!</h1> </div> </div> </div> 使用Javascript： function TestCtrl($scope) { $scope.loading = true; setTimeout(function () { $scope.loading = false; }, 1000); }

如何使用ng-if来testing一个variables是否被定义: 有没有一种方法可以使用ng-if来testing一个variables是否被定义，而不仅仅是真的吗？在下面的示例（实时演示）中，HTML仅显示红色项目的运费，因为item.shipping既定义了非零值。我也想显示一个蓝色项目（发货定义，但零）的成本，但不是为绿色项目（航运未定义）。 JavaScript的： app.controller('MainCtrl', function($scope) { $scope.items = [ { color: 'red', shipping: 2, }, { color: 'blue', shipping: 0, }, { color: 'green', } ]; }); HTML： <body ng-controller="MainCtrl"> <ul ng-repeat='item in items'> <li ng-if='item.color'>The color is {{item.color}}</li> <li ng-if='item.shipping'>The shipping cost is {{item.shipping}}</li> </ul> </body> 我试着做ng-if='angular.isDefined(item.shipping)' ，但没有奏效。也不ng-if='typeof(item.shipping) !== undefined' […]

在Angular的run（）方法中获取$ scope对象: 当我的应用程序加载设置默认状态时，我想做一些事情。所以我试图在Module对象上使用run方法。当我尝试访问$ scopevariables，虽然我得到一个“Uncaught ReferenceError：$ scope is not defined”消息在我的控制台。看下面的例子http://jsfiddle.net/F2Z2X/1/ app = angular.module('myapp', []); app.controller('mycontroller', function($scope){ $scope.data = { myvariable: 'Hello' }; }); app.run( alert($scope.data.myvariable)) ); 我是否全部错了？例如，我想在开始时运行一次watchAction函数，以隐藏尚未调用的UI元素，但是watchAction函数没有$ scope对象，因为它没有被watch方法调用，所以我必须把它传递给它，但唉，它不可用。

Angular 1 – 获取当前的URL参数: 我想从当前URL中提取数据并在控制器中使用它。例如，我有这个url： app.dev/backend/surveys/2 我想提取的位： app.dev/backend/：type / ：id Angular中有什么可以帮助我完成这个任务吗？

如何使用angular度ui路由器来隐藏和显示视图？: 想象一下，一个应用程序有一个List页面，比如一个显示用户列表的表格。表格的每一行都有一个名为“编辑”的button，点击该button后，浏览器的右侧出现一个右侧面板，编辑该用户的内容。当表单被保存或closures时，右侧面板消失。在编辑状态input和退出时，如何让Angular UI Router自动显示/隐藏右侧面板？默认情况下，模板将被添加和删除，但容器本身仍然存在于屏幕上。在UI路由器的演示应用程序中，html布局具有为所有子状态分配的空白空间，但在构build的应用程序中，如果不使用它们，我真的很喜欢隐藏面板，甚至可以将整个屏幕滑入随着国家进入和退出而退出。我猜测我必须使用ng-show和ng-hide才能做到这一点。我如何通过UI路由器来解决这个问题？谢谢！

噶发生错误：无法加载“ng-html2js”，它没有注册: 当我运行karma start时，我得到一个错误： $ karma start INFO [karma]: Karma v0.10.2 server started at http://localhost:9876/ INFO [launcher]: Starting browser Chrome WARN [preprocess]: Can not load "ng-html2js", it is not registered! Perhaps you are missing some plugin? … 但是在我的包文件中，我有"karma-ng-html2js-preprocessor": "*",并且此预处理器的代码文件夹存在于node_modules 。任何想法如何解决这个问题？

AngularJs – 点击添加活动类的最佳实践（ng-repeat）: 我想添加一个活动类点击列表中，我尝试了下面的代码，但它增加了我的所有项目上的活动类：/： HTML： <div class="filters_ct" ng-controller="selectFilter"> <ul> <li ng-repeat="filters in filter" ng-click="select(item)" ng-class="{sel: item == selected}"> <span class="filters_ct_status"></span> {{filters.time}} </li> </ul> </div> Js： var filters = [ { 'filterId': 1, 'time': 'last 24 hours', }, { 'filterId': 2, 'time': 'all', }, { 'filterId': 3, 'time': 'last hour', }, { 'filterId': 4, 'time': 'today', }, { 'filterId': […]