Tag: angularjs

AngularJS – 获取元素属性值: 你如何得到一个元素属性值？例如HTML元素： <button data-id="345" ng-click="doStuff($element.target)">Button</button> JS： function doStuff(item){ angular.element(item)[0].data('id'); // undefined is not a function } 任何build议非常感谢，JSFIDDLE演示在这里： http : //jsfiddle.net/h3TFy/

通过儿童点击父母点击: 我有一个<div>元素，它有另一个<div>元素作为它的子元素。我将ng-click指令添加到父项，并且期望在单击该子项时不会被触发。但是，它呢。 <div class="outer" ng-click="toggle()"> <div class="inner">You can click through me</div> </div> 为什么这样做，我怎么能避免它？这是一个展示问题的JSFiddle

将父范围值传递给Angular中的ng-repeat循环: 这应该是一个非常简单的问题，但我发现的所有解决方法都很复杂。我正在循环使用模板中的ng-repeat对象数组，如下所示： <div class="row-fluid" ng-repeat="message in messages.current|filter:'draft'"> {{ message.subject }} … {{ campaign.name }} … </div> 由于ng-repeat创build一个新的范围，控制器中的“活动”对象似乎不可访问。有没有什么办法（除了添加广告系列对象到我的数组中的每个项目）获取该值？提前致谢。

angularjs文本区字符计数器: 嗨，我有一个文字区域characeter计数器。我的问题是，它不包括空格或换行符。我该如何做到这一点？ <div class="controls"> <textarea rows="4" cols="50" maxlength="1500" data-ng-minLength="1" data-ng model="createprofilefields.description" required highlight-on- error></textarea> <br /> <!–counter–> <span class="form-help">{{1500-createprofilefields.description.length}} Characters</span> </div>

从angular色js的web api下载csv文件: 我的API控制器正在返回一个csv文件，如下所示： [HttpPost] public HttpResponseMessage GenerateCSV(FieldParameters fieldParams) { var output = new byte[] { }; if (fieldParams!= null) { using (var stream = new MemoryStream()) { this.SerializeSetting(fieldParams, stream); stream.Flush(); output = stream.ToArray(); } } var result = new HttpResponseMessage(HttpStatusCode.OK) { Content = new ByteArrayContent(output) }; result.Content.Headers.ContentType = new MediaTypeHeaderValue("application/octet-stream"); result.Content.Headers.ContentDisposition = new ContentDispositionHeaderValue("attachment") { FileName = […]

如何在javascript中使用filter而不是Html: 我正在使用AngularJS，这很好。我无法在文档中find它 – 这个AngularJSexpression式中Javascript的等价物是什么： <div>{{ (myList| filter:mySearch).length }}</div> 谢谢您的帮助。

ng-show =“true”但仍然有class =“ng-hide”: 我是AngularJS的新手，所以可能会有一个简单的解决scheme来解决我的问题。我一直在做这个表格。我有两个input – 一个是门的数量，一个是窗口的数量。然后，我有几个div，如果他们遇到一定数量的总门窗，我想表明。当我input数字时，ng-showparsing为“true”。但是这个元素仍然有一个“隐藏”的类，它仍然隐藏起来。以下是我的代码示例： <body ng-app> Doors: <input type="number" ng-model="doors"><br> Windows: <input type="number" ng-model="windows"><br> <div ng-show="{{(doors + windows) < 6}}"> Shows if you have 0-5 doors and windows combined. </div> <div ng-show="{{(doors + windows) > 5 && (doors + windows) < 11}}"> Shows if you have 6-10 doors and windows […]

AngularJS与Spring-mvc: 我最近遇到了AngularJS。我是一个Java Web开发人员。我想和Spring-MVC框架一起使用AngularJS。但是我需要一些基本的基础（教程）来开始。我知道AngularJS的基本function，但是如何将它与Spring-MVC集成。由于大多数情况下spring会自动返回部分jsp（s），我们使用jsp-include添加它们，而AngularJS大部分时间都需要JSON数据。

用Angular.js拦截器捕获HTTP 401: 我想用Angular.js在单个页面的web应用上实现validation。 Angular官方文档build议使用拦截器： $provide.factory('myHttpInterceptor', function($q, dependency1, dependency2) { return { // … 'responseError': function(rejection) { // do something on error if (canRecover(rejection)) { return responseOrNewPromise } return $q.reject(rejection); } }; }); 问题是，当服务器发送401错误，浏览器立即停止与“未经授权”的消息，或与loginpopup窗口（当authentication的HTTP标头是由服务器发送的），但Angular无法捕捉与它的拦截HTTPerror handling，build议。我误解了什么？我尝试了更多在网上find的例子（例如这个和这个例子），但是没有一个能够工作。

何时在Angularjs中使用$ watch或ng-change: 什么时候应该使用angular $watch函数，以及何时使用ng-change angularjs指令？对我而言，他们都可以这样做。他们之间有任何差异或使用模式？