Questions tagged «angularjs»

用于有关开源JavaScript框架AngularJS(1.x)的问题。不要将此标签用于Angular 2或更高版本;而是使用[angular]标签。

8
Angular-无法进行ng-repeat订单
我已经用orderBy尝试了许多ng-repeat的例子,但是我无法使json与它一起工作。 <div ng-app> <script type="text/javascript" src="http://code.angularjs.org/1.0.1/angular-1.0.1.js"></script> <div ng:controller="Main"> <div ng-repeat="release in releases| orderBy:'environment_id'"> {{release.environment_id}} </div> </div> </div> 还有JSON function Main($scope) { $scope.releases = { "tvl-c-wbap001 + tvl-webapp": { "timestamp": " 05:05:53 PM ", "environment_id": "CERT5", "release_header": "Projects/Dev", "date": "19 Oct", "release": "12.11.91-1" }, "tvl-c-wbap401 + tvl-webapp": { "timestamp": " 10:07:25 …

8
在<input>中始终显示小数点后两位的数字
我有一个ng-model的浮点值,我希望始终在其小数点后2位显示&lt;input&gt;: &lt;input ng-model="myNumb" step ="0.01" type="number"&gt; 当“ myNumb”为小数时,此方法适用于大多数情况。但是,如果“ myNumb”的小数位数少于2个(3.2)或整数(30), 则不会强制显示小数点后2位。如何在&lt;input&gt;字段中强制显示小数点后2位
71 angularjs 


5
使用嵌套对象时,如何在AngularJS中创建递归模板?
我正在尝试从JSON对象动态构建表单,该对象包含表单元素的嵌套组: $scope.formData = [ {label:'First Name', type:'text', required:'true'}, {label:'Last Name', type:'text', required:'true'}, {label:'Coffee Preference', type:'dropdown', options: ["HiTest", "Dunkin", "Decaf"]}, {label: 'Address', type:'group', "Fields":[ {label:'Street1', type:'text', required:'true'}, {label:'Street2', type:'text', required:'true'}, {label:'State', type:'dropdown', options: ["California", "New York", "Florida"]} ]}, ]; 我一直在使用ng-switch块,但是它对于嵌套项变得站不住脚,就像上面的Address对象一样。 这是小提琴:http : //jsfiddle.net/hairgamiMaster/dZ4Rg/ 关于如何最好地解决此嵌套问题的任何想法?非常感谢!

13
在angularjs中提交时显示验证错误消息
我有一个表格,如果单击“提交”,则需要显示验证错误消息。 这是一个工作的家伙 &lt;form name="frmRegister" ng-submit="register();" novalidate&gt; &lt;div&gt; &lt;input placeholder="First Name" name="first_name" type="text" ng-model="user.firstName" required /&gt; &lt;span ng-show="frmRegister.first_name.$dirty &amp;&amp; frmRegister.first_name.$error.required"&gt;First Name is required&lt;/span&gt; &lt;/div&gt; &lt;div&gt; &lt;input placeholder="Last Name" name="last_name" type="text" ng-model="user.lastName" required /&gt; &lt;span ng-show="frmRegister.last_name.$dirty &amp;&amp; frmRegister.last_name.$error.required"&gt;Last Name is required&lt;/span&gt; &lt;/div&gt; &lt;div&gt; &lt;input placeholder="Email" name="email" type="email" ng-model="user.email" required /&gt; &lt;span ng-show="frmRegister.email.$dirty …

3
AngularJS模板中的条件逻辑
我有一个看起来像这样的有角模板... &lt;div ng-repeat="message in data.messages" ng-class="message.type"&gt; &lt;div class="info"&gt; &lt;div class="type"&gt;&lt;/div&gt; &lt;div class="from"&gt;From Avatar&lt;/div&gt; &lt;div class="createdBy"&gt;Created By Avatar&lt;/div&gt; &lt;div class="arrowTo"&gt; &lt;div class="arrow"&gt;&lt;/div&gt; &lt;div class="to"&gt;To Avatar&lt;/div&gt; &lt;/div&gt; &lt;div class="date"&gt; &lt;div class="day"&gt;25&lt;/div&gt; &lt;div class="month"&gt;Dec&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="main"&gt; &lt;div class="content"&gt; &lt;div class="heading2"&gt;{{message.title}}&lt;/div&gt; &lt;div ng-bind-html="message.content"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;br /&gt; &lt;hr /&gt; &lt;br /&gt; &lt;/div&gt; …

5
MongoDB无法正常工作。“错误:dbpath(/ data / db)不存在。”
当我尝试在终端中运行“ mongod”时,出现以下错误。我尝试卸载,重新安装和重新启动计算机。关于如何使其工作的任何建议都将是惊人的。 错误: dbpath (/data/db) does not exist. Create this directory or give existing directory in --dbpath. See http://dochub.mongodb.org/core/startingandstoppingmongo 旁注:在出现此错误的同时,Node也停止了在我的计算机上工作。 events.js:72 throw er; // Unhandled 'error' event ^ Error: failed to connect to [localhost:27017] 任何帮助将非常感激!

6
使用Jasmine进行角单元测试:如何删除或修改spyOn
AngularJS v1.2.26 茉莉花v2.2.0 如何更改或删除a的行为spyOn?当我尝试覆盖它时,出现以下错误:Error: getUpdate has already been spied upon var data1 = 'foo'; var data2 = 'bar'; describe("a spec with a spy", function(){ beforeEach(module('app')); var $q; beforeEach(inject(function(_updateService_, _$q_){ updateService = _updateService_; //spy the results of the getUpdate() $q = _$q_; var deferred = $q.defer(); deferred.resolve( data1 ); spyOn(updateService, 'getUpdate').and.returnValue(deferred.promise); …

5
AngularJS:如何使用深度链接启用$ locationProvider.html5Mode
当通过启用AngularJS中的html5Mode时$locationProvider.html5Mode(true),当您进入站点更深的页面时,导航似乎偏斜。 例如: http://www.site.com 当我导航到根目录时,我可以单击站点中的所有链接,Angular$routeProvider会接管整个站点的导航并加载正确的视图。 http://www.site.com/news/archive 但是,当我导航到该URL时(或者当我进入上述类似的深层链接时点击刷新...),该导航无法正常工作。首先,按照$ locationProvider.html5Mode的文档规定,我们捕获服务器上的所有url(类似于otherwiseangular中的路由),并返回与根域相同的html。但是,如果我随后$location从run角度函数中检查对象,它会告诉我那http://www.site.com是我的host那/archive就是我的path。在$routeProvider到达的.otherwise()条款,因为我只有/news/archive一个有效的途径。该应用程序确实很奇怪。 也许服务器上的重写需要以不同的方式进行,或者我需要以角度指定内容,但是目前我不知道为什么角度看到的是不/news包含该段的路径。 示例main.js: // Create an application module var App = angular.module('App', []); App.config(['$routeProvider', '$locationProvider', function AppConfig($routeProvider, $locationProvider) { $routeProvider .when( '/', { redirectTo: '/home' }) .when('/home', { templateUrl: 'templates/home.html' }) .when('/login', { templateUrl: 'templates/login.html' }) .when('/news', { templateUrl: 'templates/news.html' }) .when('/news/archive', { templateUrl: …
71 angularjs 

14
angularjs在文本框中强制大写
我尝试使用大写过滤器,但它不起作用。我尝试过两种方法: &lt;input type="text" ng-model="test" uppercase/&gt; 和 &lt;input type="text" ng-model="{{test | uppercase}}"/&gt; 第二个触发JavaScript错误: 语法错误:令牌'test'是意外的,预期为[:] 我希望当用户在文本框中键入内容时将文本强制大写。 我怎样才能做到这一点?

2
$ http不在请求中发送cookie
我们正在使用AngularJS和Java Servlet开发RESTful Web服务。当用户登录时,我们的后端会向前端发送一个“ Set-Cookie”标头。在Angular中,我们通过$cookies(ngCookie-module)访问标头并进行设置。 现在,用户已登录,他可以例如删除一些东西。因此,前端将GET请求发送到后端。因为我们在不同的域上工作,所以我们需要设置一些CORS标头,并且Angular在实际的GET请求之前会执行OPTIONS请求: 选项要求: GET请求 我们通过$ http模块在Angular中执行此操作,但它不会发送包含的Cookie JSESSIONID。 如何启用Angular发送Cookie?

4
为什么AngularJS文档在model指令中不使用点?
在视频AngularJS MTV聚会:最佳实践( 2012/12/11 )中,Miško解释说:“ ..如果您使用ng-model,则必须在某处添加点。如果您没有点,那么您就在做错误..” 但是,Angular.JS网站中的第一个示例(基础知识)似乎与此矛盾。是什么赋予了?自从MTV聚会以来,Angular.JS是否已更改,因为它现在对ng-model更宽容了?
70 angularjs 

5
如何“取消监视”表达式
说我有一个大阵列的ng-repeat。 ng-repeat运行时,它将数组的每个元素添加到隔离的作用域中,并将数组本身包含在作用域中。这意味着$ digest会检查整个数组是否有更改,最重要的是,它会检查该数组中的每个单独元素是否有更改。 看到这个矮人是我所谈论的例子。 在我的用例中,我从不更改数组的单个元素,因此不需要监视它们。我只会更改整个数组,在这种情况下,ng-repeat会重新呈现整个表。(如果我对此有误,请告诉我。) 在(例如)1000行的数组中,那是我不需要再计算的1000个表达式。 如何在仍然监视主数组的同时从观察者注销每个元素? 也许不用注销,我可以更好地控制$ digest并以某种方式跳过每一行? 这个具体案例实际上是一个更普遍问题的例子。我知道$ watch返回一个'deregisteration'函数,但这在大多数情况下在指令注册手表时没有帮助。
70 angularjs 

3
嵌套ng-repeat
我有一些虚拟XML文件: &lt;Week number="2013-W45"&gt; &lt;Day dow="1" templateDay="Monday"&gt; &lt;Job name="wake up" &gt; &lt;Job name="get dressed" &gt; &lt;Job name="prepare breakfast" &gt; &lt;Job name="eat breakfast" &gt; &lt;/Job&gt; &lt;/Job&gt; &lt;/Job&gt; &lt;/Job&gt; &lt;Job name="work 9-5" &gt; &lt;/Job&gt; &lt;/Day&gt; &lt;Day dow="2" templateDay="Tuesday" &gt; &lt;Job name="wake up" &gt; &lt;Job name="get dressed" &gt; &lt;Job name="prepare breakfast" &gt; &lt;Job name="eat …
70 json  angularjs 

8
Jasmine使用templateUrl测试AngularJS指令
我正在使用Jasmine编写AngularJS的指令测试,并与它们一起使用templateUrl:https : //gist.github.com/tanepiper/62bd10125e8408def5cc 但是,当我运行测试时,我得到了要点中包含的错误: Error: Unexpected request: GET views/currency-select.html 从我在文档中阅读的内容来看,我认为自己做得正确,但是事实并非如此-我在这里想念的是什么? 谢谢

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.