Tag: angularjs

AngularJS + Jasmine:比较对象

我刚刚开始为我的AngularJS应用程序编写testing,并在Jasmine中这样做。 这里是相关的代码片段 ClientController: 'use strict'; adminConsoleApp.controller('ClientController', function ClientController($scope, Client) { //Get list of clients $scope.clients = Client.query(function () { //preselect first client in array $scope.selected.client = $scope.clients[0]; }); //necessary for data-binding so that it is accessible in child scopes. $scope.selected = {}; //Current page $scope.currentPage = 'start.html'; //For Client nav bar $scope.clientNavItems = [ {destination: […]

有使用AngularJS路由时预加载模板的方法吗?

Angular应用程序加载后,我需要一些模板脱机使用。 像这样的东西将是理想的: $routeProvider .when('/p1', { controller: controller1, templateUrl: 'Template1.html', preload: true })

如何使ngMessage的必填字段只显示脏或提交表单?

我正在使用AngularJS 1.3.0 RC0和angular度消息。 当最初加载表单并且原始的时候,ng-messages忠实地显示那些“required”字段的错误信息。 所以新加载的表单页面充满了错误信息。 这不是我想要的。 只有当这些字段脏或提交表单时,如何使ngMessage显示必填字段? 我已经看过官方文件了,不知道。 并试图把ng-message div中的“ng-show =”fieldName。$ dirty“”,不起作用。 任何帮助将不胜感激!

如何基于由ng-class设置的类来应用AngularJS指令?

我试图有条件地将指令应用于基于其类的元素。 这是我的问题的一个简单的例子, 看这个小提琴的结果 。 对于这个例子,我使用类名的映射布尔型的ng-class与true ; 在我的实际情况下,我想使用函数的布尔结果。 标记: <div ng-app="example"> <div class="testcase"> This will have the directive applied as I expect </div> <div ng-class="{'testcase':true}"> This will not have the directive applied but I expect it to </div> </div> JS: angular.module('example', []) .directive('testcase', function() { return { restrict: 'C', link: function(scope, element, attrs) { element.css('color', 'red'); […]

在asp.net mvc上使用angular度js的好处

在asp.net mvc上使用angular度js是否有很多要点,因为它们都是做同样的事情? 什么是使用angular度的ASP.NET MVC + jQuery的优势? 你会select什么样的场景? 如果你在微软环境中selectangular度,你会在服务器端运行什么? 会不会像Web API? 还是还有使用传统的asp.net mvc的好处?

AngularJS风格指南 – Todd Motto vs John Papa vs Minko Gechev

我对Angular很新,我想从一开始就学习好的做法。 我遇到过三个Angular风格的指南 ,他们都很棒。 我想知道哪一个最适合我采用,但是我没有资格成为评委,因为我对大型Angular应用程序没有经验。 那么哪一个是最好的? 或者即使不是更好,那么在开发过程中更直观/更less的问题呢? 也许你们中的一些人都有经验,可以指出他们的优点和缺点? 链接: 托德座右铭: https : //github.com/toddmotto/angularjs-styleguide 约翰爸爸的: https : //github.com/johnpapa/angularjs-styleguide Minko Gechev的: https : //github.com/mgechev/angularjs-style-guide

dynamic注入模块,只有在需要的情况下

我将Require.js与Angular.js结合使用。 有些控制器需要其他人不需要的巨大外部依赖,例如, FirstController需要Angular UI Codemirror 。 这是一个额外的135 kb,至less: require([ "angular", "angular.ui.codemirror" // requires codemirror itself ], function(angular) { angular.module("app", [ …, "ui.codemirror" ]).controller("FirstController", [ … ]); }); 我不想在每次加载页面的时候都join这个指令和Codemirror lib,这样就可以让Angular变得更加快乐。 这就是为什么我现在正在加载控制器只有当路线被击中, 就像这里所做的一样 。 但是,当我需要类似的东西 define([ "app", "angular.ui.codemirror" ], function(app) { // ui-codemirror directive MUST be available to the view of this controller as of now app.lazy.controller("FirstController", […]

在Angular UI路由器嵌套状态的url更改,但模板不加载

我正在使用ui路由器嵌套状态和视图。 当我点击链接时,URL变成子状态的URL,但是模板不加载。 例如,当URL更改为子状态project/settings ,相应的模板project.settings.html不加载。 这是一个由普恩克尔提供的SSCCE 以下是我的代码: app.js myApp.config(function ($stateProvider, $urlRouterProvider){ $stateProvider .state('project', { url: "/project", views:{ "content":{templateUrl: "partials/project.html"}, "header":{templateUrl: "partials/header"} } }) .state('project.settings', { url: "/settings", views:{ "content":{templateUrl: "partials/project.settings.html"}, "header":{templateUrl: "partials/header"} } }) $urlRouterProvider.otherwise("/") }); /* cheching whether the user is authentic or not*/ myApp.run(function($rootScope,$location,$cookieStore,validateCookie,$state) { $rootScope.$on('$stateChangeStart',function(event,toState,toParams,fromState){ if($cookieStore.get('user')){ validateCookie.authService(function(result,error){ if(!result){ $location.path("/"); }else{ $state.go('project.settings'); } }); […]

如何获得承诺的价值?

我正在从Angular的$q文档看这个例子,但我认为这可能适用于一般的承诺。 他们有这个例子,逐字抄写他们的评论,包括: promiseB = promiseA.then(function(result) { return result + 1; }); // promiseB will be resolved immediately after promiseA is resolved and its value // will be the result of promiseA incremented by 1 我不清楚这是如何工作的。 如果我可以调用.then()对第一个.then()的结果进行链接,我知道我可以,那么promiseB是一个Objecttypes的promise对象。 这不是一个Number 。 那么它的意思是“它的价值将会是promiseA增加1的结果”呢? 我应该作为promiseB.value或类似的东西访问? 成功callback如何返回承诺并返回“result + 1”? 我错过了一些东西。

AngularJS和contentEditable两种方式绑定不能按预期工作

为什么在下面的例子中,初始渲染值是{{ person.name }}而不是David ? 你将如何解决这个问题? 现场示例 HTML: <body ng-controller="MyCtrl"> <div contenteditable="true" ng-model="person.name">{{ person.name }}</div> <pre ng-bind="person.name"></pre> </body> JS: app.controller('MyCtrl', function($scope) { $scope.person = {name: 'David'}; }); app.directive('contenteditable', function() { return { require: 'ngModel', link: function(scope, element, attrs, ctrl) { // view -> model element.bind('blur', function() { scope.$apply(function() { ctrl.$setViewValue(element.html()); }); }); // model -> view […]