Tag: angularjs

服务器使用AngularJS进行轮询

我正在学习AngularJS。 我第一次尝试每秒都能获得新的数据: 'use strict'; function dataCtrl($scope, $http, $timeout) { $scope.data = []; (function tick() { $http.get('api/changingData').success(function (data) { $scope.data = data; $timeout(tick, 1000); }); })(); }; 当我通过睡眠线程5秒来模拟慢速服务器时,它会在更新UI之前等待响应,并设置另一个超时。 问题是,当我重写上述使用Angular模块和DI创build模块: 'use strict'; angular.module('datacat', ['dataServices']); angular.module('dataServices', ['ngResource']). factory('Data', function ($resource) { return $resource('api/changingData', {}, { query: { method: 'GET', params: {}, isArray: true } }); }); function dataCtrl($scope, […]

没有包含<form>的AngularJS <input>validation

是否有可能在Angular中validation一个单独的<input>类似的方式来validation表单? 我正在考虑这样的事情: <div class="form-group"> <input name="myInput" type="text" class="form-control" ng-model="bindTo" ng-maxlength="5"> <span class="error" ng-show="myInput.$error.maxlength">Too long!</span> </div> 上面的例子不起作用。 用<form> ng-show="myForm.myInput.$error.maxlength"用ng-show="myForm.myInput.$error.maxlength"replaceng-show 。 有没有可能做到这一点,而不使用<form> ?

如何在我的angularjs页面从RESTful API访问服务?

我对angularJS很新。 我正在寻找从RESTful API访问服务,但我没有任何想法。 我怎样才能做到这一点?

如果ng-repeat与expression式匹配,则跳过一个项目

我正在寻找一种方法来基本告诉angular度跳过一个ng-repeat中的项目,如果它匹配一个expression式,基本上continue ; 在控制器中: $scope.players = [{ name_key:'FirstPerson', first_name:'First', last_name:'Person' }, { name_key:'SecondPerson', first_name:'Second', last_name:'Person' }] 现在在我的模板中,我想显示每个不符合name_key='FirstPerson' 。 我觉得它必须是filter,所以我设置了一个普朗克玩它,但没有任何运气。 普朗克尝试

AngularJS按属性sorting

我想要做的是按属性sorting一些数据。 这里是我应该工作的例子,但它没有。 HTML部分: <div ng-app='myApp'> <div ng-controller="controller"> <ul> <li ng-repeat="(key, value) in testData | orderBy:'value.order'"> {{value.order}}. {{key}} -> {{value.name}} </li> </ul> </div> </div> JS部分: var myApp = angular.module('myApp', []); myApp.controller('controller', ['$scope', function ($scope) { $scope.testData = { C: {name:"CData", order: 1}, B: {name:"BData", order: 2}, A: {name:"AData", order: 3}, } }]); 结果是: A – > […]

在AngularJS中,ng-pristine和ng-dirty有什么区别?

ng-pristine和ng-dirty什么区别? 看来你们可以有两个是true : $scope.myForm.$pristine = true; // after editing the form

Angular指令templateUrl相对于.js文件

我正在构build一个angular度指令,将在几个不同的位置使用。 我不能总是保证指令的应用程序的文件结构,但我可以强制用户把directive.js和directive.html (不是真正的文件名)放在同一个文件夹中。 当页面评估directive.js ,它认为templateUrl是相对于它自己的。 有没有可能将templateUrl设置为相对于directive.js文件? 还是build议只在指令本身包含模板。 我想我可能要根据不同的情况加载不同的模板,所以宁愿能够使用相对path,而不是更新directive.js

Angular.js:.value()是设置应用程序广泛常量的正确方法,以及如何在控制器中检索它

您好,我正在观看一些angular.jsvideo,看到value()方法被用来设置一种模块范围的常量。 例如,可以像这样设置Angular-UI库的configuration:(coffeescript) angular.module('app',[]) .value "ui.config", tinymce: theme: 'simple' width: '500' height: '300' 而我的应用程序目前看起来像这样: window.app = angular.module("app", [ 'ui']) .config(["$routeProvider", ($routeProvider) -> $routeProvider .when "/users", templateUrl: "assets/templates/users/index.html" controller: IndexUsersCtrl .otherwise redirectTo: "/users" ]) .value 'csrf', $('meta[name="csrf-token"]').attr('content') #<—- attention here IndexUsersCtrl = ($scope) -> $scope.users = gon.rabl console.log "I want to log the csrf value here" #<—- […]

禁用某些元素的nganimate

我正在使用ngAnimate模块,但是所有的ng-if , ng-show等等都受到这个影响,我想用一些选定的元素来使用ngAnimate。 对于性能和显示和隐藏非常快速的元素中的一些错误。 谢谢。

AngularJS:什么是工厂?

我在Angular.js上做了很多工作,总的来说我觉得它是一个有趣而强大的框架。 我知道在服务与工厂vs.提供者与价值观之间已经有很多讨论,但是我仍然对Factory是什么感到困惑。 工厂已被定义在其他StackOverflow讨论如下: 工厂 语法: module.factory( 'factoryName', function ); 结果:当将factoryName声明为注入参数时,将提供通过调用传递给module.factory的函数引用返回的值。 我觉得这个解释很难把握,也不能增加我对工厂的理解。 有没有人有任何解释或真实生活的例子来分享一个Factory是什么,为什么你应该使用它来代替Service , Provider或其他? 更新 一个service 持有对任何对象 的引用 。 factory 是返回任何对象 的函数 provider 是一个返回任何函数的函数 – phew –