Tag: angularjs

ASP.NET MVC 5与AngularJS / ASP.NET WebAPI: 我目前正在评估在我公司创build未来Web应用程序的编程模型。所以我将决定ASP.NET MVC 5（使用Razor Views）和AngularJS使用ASP.NET WebAPI。这两种编程模式的优点和缺点是什么？

Angular指令名称：只允许小写字母？: 我的代码： app.directive('abcabc', function (){ alert('directive');}); // working 但 app.directive('abcAbc', function (){ alert('directive');}); // not working ! app.directive('abc-abc', function (){ alert('directive');}); // not working ! 我做错了吗？或者Angular指令有特殊的命名规则？

使用$ locationredirect到AngularJS中的新页面: 我正在testing以下AngularJS $的位置。我不知道这是什么问题。只是想检查redirect是否正常工作： HTML <body data-ng-controller="MainCtrl"> Hello {{name}}! <button ng-click='go()'>Go</button> </body> AngularJS代码 var app = angular.module('location', []); app.controller('MainCtrl', function($scope,$routeParams, $location) { $scope.name = 'World'; $scope.go = function() { $location.absUrl() = 'http://www.google.com'; } });

用ng-show和ng-animate来上下滑动效果: 我试图使用ng-animate来获得类似于JQuery的slideUp()和slideDown() 。只有我宁愿使用ng-show 我正在看这里的ng-animate教程 – http://www.yearofmoo.com/2013/04/animation-in-angularjs.html ，我可以在提供的示例中重现淡入/淡出效果。我怎么能改变CSS来获得上下滑动的行为？另外，如果可能的话，最好是CSS不知道像素的组件高度。这样我可以重用CSS不同的元素。

当用户使用UI-Router转换到其父状态时，将用户引导到子状态: 考虑以下： .state('manager.staffList', {url:'^/staff?alpha', templateUrl: 'views/staff.list.html', data:{activeMenu: 'staff'}, controller: 'staffListCtrl'}) .state('manager.staffDetail', {url:'^/staff/{id}' , templateUrl: 'views/staff.html', data:{activeMenu: 'staff'}, controller: 'staffDetailsCtrl'}) .state('manager.staffDetail.view', {url:'/view', templateUrl: 'views/staff.details.html', data:{activeMenu: 'staff'}}) .state('manager.staffDetail.view.schedule', {url:'/schedule', templateUrl:'views/staff.view.schedule.html', data:{activeMenu: 'staff'}}) .state('manager.staffDetail.view.history', {url:'/history' , templateUrl:'views/staff.view.history.html', data:{activeMenu: 'staff'}}) .state('manager.staffDetail.view.log', {url:'/log', templateUrl:'views/staff.view.log.html', data:{activeMenu: 'staff'}}) .state('manager.staffDetail.view.files', {url:'/files', templateUrl:'views/staff.view.files.html', data:{activeMenu: 'staff'}}) .state('manager.staffDetail.edit', {url:'/edit', templateUrl: 'views/staff.edit.html', data:{activeMenu: 'staff'}}) 如果我去了domain.com/staff/1234/view ，我该如何默认到manager.staffDetail.view.schedule子状态？

更改服务数据时更新范围值: 我在我的应用程序中有以下服务： uaInProgressApp.factory('uaProgressService', function(uaApiInterface, $timeout, $rootScope){ var factory = {}; factory.taskResource = uaApiInterface.taskResource() factory.taskList = []; factory.cron = undefined; factory.updateTaskList = function() { factory.taskResource.query(function(data){ factory.taskList = data; $rootScope.$digest console.log(factory.taskList); }); factory.cron = $timeout(factory.updateTaskList, 5000); } factory.startCron = function () { factory.cron = $timeout(factory.updateTaskList, 5000); } factory.stopCron = function (){ $timeout.cancel(factory.cron); } return factory; }); 然后我在一个像这样的控制器中使用它： uaInProgressApp.controller('ua.InProgressController', […]

Angularjs中有一种方法可以用其他常量定义常量吗？: 我试图用其他常量定义常量，但似乎无法完成，因为当需要的常量需要它时，初始常量没有准备好。我想确定这是不是可能的。目前我有这样的常数： angular.module('mainApp.config', []) .constant('RESOURCE_USERS_DOMAIN', 'http://127.0.0.1:8008') .constant('RESOURCE_USERS_API', 'http://127.0.0.1:8008/users') // Specific routes for API .constant('API_BASIC_INFORMATION', RESOURCE_USERS_API + '/api/info') .constant('API_SOCIAL_NETWORKS', RESOURCE_USERS_API + '/api/social') ; 后两个常量是我想要完成的

通过一个布尔属性来过滤一个Angular 1.2 ng-repeat和“track by”: 我试图根据布尔属性的值筛选一些列表项，但不pipe我做什么，总是显示整个列表。我试过的一些东西已经坏掉了，什么也没有显示出来，但那不是也没有。我不能根据需要让我的过滤工作： $scope.attendees = [ {"firstname":"Steve", "lastname":"Jobs", "arrived":true, "id":1} ,{"firstname":"Michelle", "lastname":"Jobs", "arrived":false, "id":2} ,{"firstname":"Adam", "lastname":"Smith", "arrived":true, "id":3} ,{"firstname":"Megan", "lastname":"Smith", "arrived":false, "id":4} ,{"firstname":"Dylan", "lastname":"Smith", "arrived":false, "id":5} ,{"firstname":"Ethan", "lastname":"Smith", "arrived":false, "id":6} ]; 使用以下的ng-repeat过滤： <ul> <li ng-repeat="person in attendees track by person.id | filter:arrived:'false'"> {{person.lastname}}, {{person.firstname}} </li> </ul> 我觉得我已经尝试了各种排列方式，我可以find引用，其中大部分来自各种StackOverflowsearch结果： filter:'arrived' filter:arrived filter:'person.arrived' filter:person.arrived filter:{arrived:true} filter:{arrived:'true'} filter:{person.arrived:true} filter:{person.arrived:'true'} […]

Angular.js和ASP.NET MVC 4: 我有一个ASP.NET MVC 4项目，我坚持在哪个JavaScript框架或库使用Angular.js或Knock.js的架构决定。我目前倾向于使用Angular.js而不是Knockout.js，但不想在项目开发过程中发现我犯了一个错误。这是一些背景：我们需要双向模型数据绑定我们需要testing视图的能力。我希望能够做端到端的unit testing。另外，我们正在使用持续集成。 “保存更改”function。即如果用户在页面上进行更改，我们需要能够检测到任何更改，并提示用户在离开页面之前保存更改 “通知”function。即用户将在大约8小时内login，并需要得到通知并更新其他用户所做的更改（错误，数据状态更改等）我们需要“未来certificate”我们的申请。目前业务部门还没有决定是否需要支持移动设备，但我知道这只是时间问题。我们的团队由非常初级到高级开发人员的开发人员组成。目前我们的模型很复杂，可能会变得更加复杂我们还需要考虑RAD，代码重用和可维护性我已经阅读了这里的优秀答案，并观看了Scott Allen对Angular的采访由于我们无法从当前的ASP.NET MVC 4体系结构更改为像Web API那样在服务器端使用某些东西，所以在尝试使用MVC 4实现Angular.js时有一些担忧。这会导致我们有两种模式服务器和客户端上的一个？我不是在寻找一个关于Angular和Knockout的“哪个更好”的讨论，因为我认为他们都有自己的优点和缺点。我正在寻找在ASP.NET MVC 4应用程序中实现JavaScript框架或库的实际代码。我需要一个解决scheme，我可以从现在开始使用2+年任何想法或build议？也许答案不是Knock或Angular，而是其他一些JavaScript框架？

如何在angular度注入依赖到module.config（configFn）: 在Angular中，我们可以将$routeProvider注入到config函数中 module.config(function ($routeProvider) { }); 我想像我一样注入我的服务 module.config(function ($routeProvider, myService) { }); 我确定这个服务是正确定义的，但是当我注入的时候会抛出一个exception，说明unknown myService事件 module.config(function ($routeProvider, $http) { }); 它仍然说unknown $http 。你知道为什么吗？