Tag: angularjs
如何通过angularJS中的对象属性进行过滤
我正在尝试在AngularJS中创build一个自定义filter，它将通过特定属性的值来过滤对象列表。 在这种情况下，我想通过“极性”属性进行过滤（“正”，“中性”，“负”的可能值）。 这是我没有filter的工作代码： HTML： <div class="total"> <h2 id="totalTitle"></h2> <div>{{tweets.length}}</div> <div id="totalPos">{{tweets.length|posFilter}}</div> <div id="totalNeut">{{tweets.length|neutFilter}}</div> <div id="totalNeg">{{tweets.length|negFilter}}</div> </div> 这里是JSON格式的“$ scope.tweets”数组： {{created_at: "Date", text: "tweet text", user:{name: "user name", screen_name: "user screen name", profile_image_url: "profile pic"}, retweet_count: "retweet count", polarity: "Positive"}, {created_at: "Date", text: "tweet text", user:{name: "user name", screen_name: "user screen name", profile_image_url: "profile pic"}, retweet_count: "retweet […]
Access-Control-Allow-Headers不允许访问控制 – 允许 – 标题
我试图发送文件到我的服务器与发布请求，但是当它发送导致错误： Request header field Content-Type is not allowed by Access-Control-Allow-Headers. 所以我GOOGLE了错误，并添加了标题： $http.post($rootScope.URL, {params: arguments}, {headers: { "Access-Control-Allow-Origin" : "*", "Access-Control-Allow-Methods" : "GET,POST,PUT,DELETE,OPTIONS", "Access-Control-Allow-Headers": "Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With" } 然后我得到错误： Request header field Access-Control-Allow-Origin is not allowed by Access-Control-Allow-Headers 所以我search了这个，我能find的唯一类似的问题是提供了一半的答案，然后closures作为题外话。 我应该添加/删除什么标题？
在Angular控制器中使用下划线
如何在angularjs控制器中使用下划线库？ 在这篇文章中： AngularJS limitTo最后2条logging有人build议将一个_variables分配给rootScope，以便该库可用于应用程序内的所有范围。 但我不清楚在哪里做。 我的意思是应该在应用程序模块声明？ 即： var myapp = angular.module('offersApp', []) .config(['$rootScope', function($rootScope) { } 但是，我在哪里加载下划线库？ 我只是在我的索引页上的ng-app指令和脚本引用到angular-js和下划线库？ index.html ： <head> </head> <body ng-app="offersApp"> … <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="scripts/vendor/angular.js"></script> <script src="scripts/vendor/underscore.js"></script> … 我如何做到这一点？
angular.element与document.getElementById或jQueryselect器与旋转（繁忙）控制
我正在使用Spin控件的“Angularised”版本，如下所示： http : //blog.xvitcoder.com/adding-a-weel-progress-indicator-to-your-angularjs-application/ 我不喜欢的解决scheme之一是在服务中使用jQuery来有效地将旋转控件附加到DOM元素。 我宁愿使用angular构造来访问元素。 我还想避免在服务中对微调器需要附加的元素的id进行“硬编码”，而是使用一个在服务（单例）中设置id的指令，以便服务的其他用户服务本身不需要知道这一点。 我正在挣扎什么angular.element给我们什么document.getElementById在相同的元素ID给我们。 例如。 这工作： var target = document.getElementById('appBusyIndicator'); 这些都不是： var target = angular.element('#appBusyIndicator'); var target = angular.element('appBusyIndicator'); 我明显在做一些相当明显的错误！ 任何人都可以帮忙吗？ 假设我可以得到上述工作，我有一个类似的问题，试图取代jQuery访问元素：例如$(target).fadeIn('fast'); 工作angular.element('#appBusyIndicator').fadeIn('fast') or angular.element('appBusyIndicator').fadeIn('fast')不 有人能给我一个很好的例子，说明一个angular度“元素”与DOM元素的使用吗？ Angular显然会用自己的属性，方法等来“包装”这个元素，但是通常很难获得原始值。 例如，如果我有一个<input type='number'>字段，并且当用户键入“ – ”（不带引号），我想访问在ui中可见的原始内容时，我什么也得不到，大概是因为“ type = number“意味着Angular拒绝了input，即使它在UI中是可见的，我也想看到它，所以我可以testing它并清除它。 任何指针/答案表示赞赏。 谢谢。
除非在$ scope中传递，否则AngularJS ng-include不包括视图
假设ngInclude可以采取一条原始path是错误的吗？ 我一直试图设置我的ngInclude如下： <div ng-include src="views/header.html"></div> 这不起作用，但如果我做这样的事情，它确实工作。 // HeaderController app.controller('HeaderCtrl', function($scope){ $scope.templates = {[ template: { url: 'views/header.html' } ]}; $scope.template = $scope.templates[0].template; }); 在我的index.html <div ng-controller="HeaderCtrl"> <div ng-include src="template.url"></div> </div> ngInclude只包含除范围之外的值吗？ 如果是这样，为什么这样，而不是直接包含的HTML部分。
设置select2input的宽度（通过Angular-ui指令）
我有问题使这个plunkr（select2 + angulat-ui）工作。 在本地设置中，我得到了select2的工作，但是我不能像文档中所描述的那样设置宽度。 它太窄而无法使用。 谢谢。 编辑：不要介意这个plnkr，我在这里find了一个工作小提琴http://jsfiddle.net/pEFy6/ 它看起来像select2的行为倒塌到第一个元素的宽度。 我可以通过bootstrap class="input-medium"来设置宽度。不知道为什么angular-ui不需要configuration参数。
selectbootstrap vs材料devise
我将使用AngularJS（完整堆栈）开始新项目。 我的项目需要响应，我将从头开始创build模板。 所以我需要一个关于是否select引导程序3（有angular度指令）或布局材料devise的build议？ 如果有人能列出两者的优点和缺点，我将不胜感激。
如何在不使用html元素的情况下使用ng-repeat
我需要使用ng-repeat （在AngularJS中）列出数组中的所有元素。 复杂的是，数组的每个元素将转换为表的一个，两个或三个行。 如果在元素上使用ng-repeat ，我无法创build有效的html，因为在<tbody>和<tr>之间不允许重复元素的types。 例如，如果我在<span>上使用ng-repeat，我会得到： <table> <tbody> <span> <tr>…</tr> </span> <span> <tr>…</tr> <tr>…</tr> <tr>…</tr> </span> <span> <tr>…</tr> <tr>…</tr> </span> </tbody> </table> 哪个是无效的html。 但是我需要生成的是： <table> <tbody> <tr>…</tr> <tr>…</tr> <tr>…</tr> <tr>…</tr> <tr>…</tr> <tr>…</tr> </tbody> </table> 其中第一行由第一个数组元素生成，下三个由第二个数组生成，第五个和第六个由最后一个数组元素生成。 我如何使用ng-repeat，使得在渲染过程中绑定的html元素“消失”了？ 还是有另一种解决办法呢？ 澄清：生成的结构应该如下所示。 每个数组元素可以在表格的1-3行之间生成。 理想情况下，答案应该支持每个数组元素的0-n行。 <table> <tbody> <!– array element 0 –> <tr> <td>One row item</td> </tr> <!– array element […]
我可以访问控制器中的表单吗？
我目前正在使用以下内容。 $scope.$$childHead.customerForm[firstName] ，这样： <form name="customerForm"> <input type="text" name="firstName" ng-model="data.customer.firstName" tabindex="1" ng-disabled="!data.editable" validationcustomer /> </form> 但是这只适用于Chrome。 现在我尝试了以下内容： $scope.editCustomerForm[firstName] ，这样： <form name="customerForm" ng-model="editCustomerForm"> <input type="text" name="firstName" ng-model="data.customer.firstName" tabindex="1" ng-disabled="!data.editable" validationcustomer /> </form> 哪个不行 注意我的表单在基础选项卡内。 我怎样才能访问firstName ？ 编辑 ：它看起来像form没有被添加到scope当它在一个基础标签。 任何人都有这个解决scheme？
没有定义angular度返回模块中的testing服务
我试图在我的项目中运行默认的服务unit testing（从GitHub上的Angular Seed项目中获取），但是我一直收到错误“模块未定义”。 我已经读过，这可能是与引用的JavaScript文件的顺序，但我似乎无法得到它的工作，所以希望你们中的一个人可以帮助。 我的testingconfiguration如下所示： basePath ='../'; files = [ '公共/ JavaScript的/ lib目录/ jQuery的1.8.2.js'， '公共/ JavaScript的/ lib目录/ angular.js'， 'public / javascripts / lib / angular- .js'， '公共/ app.js'， 'public / controllers / .js'， '公共/ directives.js'， '公共/ filters.js'， '公共/ services.js'， 茉莉， JASMINE_ADAPTER， '公共/ Javascriptangular/ LIB /angularmocks.js'， 'test / unit / *。js']; autoWatch = true; browsers = […]
