Tag: angularjs

我应该使用打字稿吗? 或者我可以只使用ES6?

我的日常工作是使用AngularJS的客户端开发人员。 我们正在评估,如果我们想用TypeScript去。 我对打字稿做了一些研究,几乎每个我需要的JavaScript包都必须有定义types文件。 我发现这不是很方便,特别是如果我想尝试新的东西,他们没有定义它。 真令人沮丧。 (即使目前的jQuery定义给我一些问题,如果我想使用打字稿1.5testing版)。 我开始看ES6,它看起来类似于TypeScript。 我应该用ES6吗? 另外,我听说angular2将全力支持打字稿,这是我应该留下来的一个原因吗?

$ on和$angular度广播

我有一个footerController和codeScannerController与不同的意见。 angular.module('myApp').controller('footerController', ["$scope", function($scope) {}]); angular.module('myApp').controller('codeScannerController', ["$scope", function($scope) { console.log("start"); $scope.startScanner = function(){… 当我点击footer.html中的<li> ,我应该在codeScannerController中得到这个事件。 <li class="button" ng-click="startScanner()">3</li> 我认为可以通过$on和$broadcast来实现,但是我不知道如何在任何地方find示例。

如何在angularJS中取消订阅广播事件。 如何删除通过$ on注册的函数

我已经使用$ on函数将侦听器注册到$ broadcast事件 $scope.$on("onViewUpdated", this.callMe); 我想根据特定的业务规则取消注册此侦听器。 但我的问题是,一旦注册,我无法取消注册。 AngularJS有什么方法可以取消注册一个特定的监听器吗? 像$这样的方法注销这个事件,可能是$closures。 所以基于我可以说的商业逻辑 $scope.$off("onViewUpdated", this.callMe); 当有人播放“onViewUpdated”事件时该函数停止被调用。 谢谢 编辑 :我想从另一个function取消注册监听器。 不是我注册的function。

如何用多个参数调用Angular.jsfilter?

从文档中 ,我们可以调用像这样的datefilter: {{ myDateInScope | date: 'yyyy-MM-dd' }} 这里date是一个只有一个参数的filter。 用模板和JavaScript代码调用具有更多参数的filter的语法是什么?

更改路线不会滚动到新页面的顶部

我发现了一些不受欢迎的,至less对我来说,路线改变时的行为。 在教程http://angular.github.io/angular-phonecat/step-11/app/#/phones的第11步中,您可以看到电话列表。 如果您滚动到底部并点击最新的一个,您可以看到滚动不在顶部,而是在中间。 我也在我的一个应用程序中发现了这一点,我想知道如何才能让它滚动到顶部。 我可以做的手工,但我认为应该有其他优雅的方式来做到这一点,我不知道。 那么,当路线改变时,是否有一种优雅的方式可以滚动到顶部?

AngularJS:清除$ watch

我在我的AngularJS应用程序中有一个监视function。 $scope.$watch('quartzCrystal', function () { … } 但是,在一些条件(在我的例子中,更改我的单页应用程序中的页面 )之后,我想停止该手表(就像清除超时一样)。 我怎样才能做到这一点?

如何掌握AngularJS?

我对AngularJS非常新,我觉得有点尴尬。 简单的东西很容易,但先进的东西是非常困难的(指令,供应商/服务/工厂…) 对于刚刚开始学习这些东西的人来说,这些文档不是很有帮助; 我发现自己不断地寻找指令,而不是写我自己的东西。 我尝试了Ember.js,而且我的工作效率更高,但API仍然有很大的改变,所以我现在更喜欢跳过它。 有没有更好的资源正确进入AngularJS?

AngularJS – 创build一个使用ng-model的指令

我试图创build一个指令,将创build一个input字段与创build指令的元素相同的ng模型。 这是我到目前为止所做的: HTML <!doctype html> <html ng-app="plunker" > <head> <meta charset="utf-8"> <title>AngularJS Plunker</title> <link rel="stylesheet" href="style.css"> <script>document.write("<base href=\"" + document.location + "\" />");</script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js"></script> <script src="app.js"></script> </head> <body ng-controller="MainCtrl"> This scope value <input ng-model="name"> <my-directive ng-model="name"></my-directive> </body> </html> JavaScript的 var app = angular.module('plunker', []); app.controller('MainCtrl', function($scope) { $scope.name = "Felipe"; }); app.directive('myDirective', […]

$看一个对象

我想观察字典中的更改,但由于某种原因,不会调用callback函数。 这是我使用的一个控制器: function MyController($scope) { $scope.form = { name: 'my name', surname: 'surname' } $scope.$watch('form', function(newVal, oldVal){ console.log('changed'); }); } 这里是小提琴: http : //jsfiddle.net/Y8ByG/ 我希望每次更改名称或姓氏时都会触发$ watchcallback,但不会发生。 什么是正确的方法来做到这一点?

如何设置与Angular JS引导的navbar活动类?

如果我有一个导航栏的项目引导 Home | About | Contact 当每个菜单项处于活动状态时,如何设置活动类? 也就是说,当angular度路线是在什么时候,我怎么能设置class="active" #/为家 #/about为关于页面 #/contact的联系人页面