-
AngularJS 控制器(Controller) 用于控制 AngularJS 应用
所属栏目:[安全] 日期:2020-12-17 热度:101
div ng-app="myApp" ng-controller="myCtrl" 名: input type="text" ng-model="firstName"br姓: input type="text" ng-model="lastName"brbr姓名: {{firstName + " " + lastName}} /div scriptvar app = angular.module('myApp',[]);app.controller('myCtrl'[详细]
-
AngularJS 监听变量变化
所属栏目:[安全] 日期:2020-12-17 热度:168
AngularJS 监听变量变化 》 var timeout ; $scope. $watch ( 'search.subj' , function (newVal , oldVal ) { if (newVal !== oldVal ) { if (timeout) $timeout. cancel (timeout) ; timeout = $timeout( function () { $scope. doSearch () ; } , 800 ) ;[详细]
-
angularjs – Angular HttpPromise:`success` /`error`方法和`t
所属栏目:[安全] 日期:2020-12-17 热度:151
根据 AngularJS doc,调用$ http返回如下: Returns a promise object with the standard then method and two http specific methods: success and error . The then method takes two arguments a success and an error callback which will be called wit[详细]
-
angularjs – 角度指令 – 何时和如何使用编译,控制器,预链接和
所属栏目:[安全] 日期:2020-12-17 热度:193
当编写一个Angular伪指令时,可以使用下面的函数来操作声明该伪指令的元素的DOM行为,内容和外观: 编译 控制器 预链接 后链接 似乎有一些混乱,因为应该使用哪个函数。这个问题包括: 指令基础 How to declare the various functions? What is the differen[详细]
-
angularjs – 分体和模板的复杂嵌套
所属栏目:[安全] 日期:2020-12-17 热度:85
我的问题涉及如何在AngularJS应用程序中处理复杂的模板嵌套(也称为partials)。 描述我的情况的最好方法是使用我创建的图像: 正如你可以看到,这有可能是一个相当复杂的应用程序与大量的嵌套模型。 该应用程序是单页面的,因此它加载了一个index.html,其中[详细]
-
angular2基础环境搭建
所属栏目:[安全] 日期:2020-12-17 热度:156
搭建环境前提:node和npm要安装好了。 搭建环境步骤: http://www.runoob.com/angularjs2/angularjs2-typescript-setup.html 在搭建环境步骤里,要建立一个package.json文件,里面描述的是一些命令,还有我们angular2项目要引用的一些包。 而包的安装就用到[详细]
-
Angular 4.x FAQ
所属栏目:[安全] 日期:2020-12-17 热度:72
近期回答了 SF 上和 QQ 群里面的一些问题,发现一些问题对初学者来说,都可能会遇到。个人精力有限,建了个群有兴趣的朋友可以加一下 QQ 群: Angular 修仙之路 - 153742079 (群名称规则:城市 + 昵称) 一起维护这个 FAQ 哈!此外该文章也会持续更新,希望有[详细]
-
AngularJS组件 - ngTags
所属栏目:[安全] 日期:2020-12-17 热度:118
ngtags是angular生态下一个标签组插件,功能很强大,支持自动完成(Autocomplete),使用也非常的方便。 下载地址:https://github.com/mbenford/ngTagsInput API地址:http://mbenford.github.io/ngTagsInput/documentation/api 在线演示:http://mbenford.[详细]
-
AngularJS – 绑定单选按钮到具有布尔值的模型
所属栏目:[安全] 日期:2020-12-17 热度:130
我有一个问题绑定单选按钮到一个对象的属性具有布尔值。我试图显示从$资源检索的考试问题。 HTML: label data-ng-repeat="choice in question.choices" input type="radio" name="response" data-ng-model="choice.isUserAnswer" value="true" / {{choice.t[详细]
-
angularjs – 根据条件重定向到某个路由
所属栏目:[安全] 日期:2020-12-17 热度:152
我写了一个小的AngularJS应用程序,它有一个登录视图和主视图,配置如下: $routeProvider .when('/main',{templateUrl: 'partials/main.html',controller: MainController}) .when('/login',{templateUrl: 'partials/login.html',controller: LoginControll[详细]
-
angularjs – 一个控制器可以调用另一个?
所属栏目:[安全] 日期:2020-12-17 热度:162
有可能有一个控制器使用另一个? 例如: 这个HTML文档只是在MessageCtrl.js文件中打印由MessageCtrl控制器发送的消息。 html xmlns:ng="http://angularjs.org/"head meta charset="utf-8" / titleInter Controller Communication/title/headbody div ng:cont[详细]
-
与AngularJS执行控制器两次
所属栏目:[安全] 日期:2020-12-17 热度:84
我理解AngularJS通过一些代码运行两次,有时甚至更多,像$ watch事件,不断检查模型状态等。 但是我的代码: function MyController($scope,User,local) {var $scope.User = local.get(); // Get locally save user dataUser.get({ id: $scope.User._id.$oid[详细]
-
AngularJS:如何观察服务变量?
所属栏目:[安全] 日期:2020-12-17 热度:184
我有一个服务,说: factory('aService',['$rootScope','$resource',function ($rootScope,$resource) { var service = { foo: [] }; return service;}]); 我想使用foo来控制在HTML中呈现的列表: div ng-controller="FooCtrl" div ng-repeat="item in foo"{[详细]
-
angularjs – 什么时候喜欢ng-if和ng-show/ng-hide?
所属栏目:[安全] 日期:2020-12-17 热度:181
我理解ng-show和ng-hide影响元素上设置的类,而ng-if控制是否将元素呈现为DOM的一部分。 有关于选择ng-if over ng-show / ng-hide或反之亦然的指南吗? 取决于您的用例,但总结区别: ng-if将从DOM中删除元素。这意味着所有的处理程序或连接到这些元素的任何[详细]
-
为什么AngularJS在select中包含一个空选项?
所属栏目:[安全] 日期:2020-12-17 热度:52
在过去几个星期我一直在使用AngularJS,一个真正困扰我的是,即使在尝试所有的排列或在 http://docs.angularjs.org/api/ng.directive:select规范中定义的配置,我仍然得到一个空选项作为第一个孩子选择元素。 这里是玉: select.span9(ng-model='form.type',[详细]
-
ionic 自定义指令无法获取绑定值,ngModelController.$viewValue
所属栏目:[安全] 日期:2020-12-17 热度:164
最近因为项目需要,自定义了一个外键指令,用于选择model中嵌套的model,可是在指令处于编辑状态的时候获取ng-model初始化值的时,在link函数中通过ngModelController获取$viewValue无法获取到,自己便通过另一个种方式解决了这个问题,虽然不是正规的解决方[详细]
-
angular-ui-tab-scroll
所属栏目:[安全] 日期:2020-12-17 热度:89
A scrollable tab plugin intended for scrolling UI Bootstrap tabset. 功能介绍:http://npm.taobao.org/package/angular-ui-tab-scroll 下载地址:https://github.com/VersifitTechnologies/angular-ui-tab-scroll 在线演示:http://plnkr.co/edit/YJNDaQ[详细]
-
AngularJS将数据传递给$ http.get请求
所属栏目:[安全] 日期:2020-12-17 热度:115
我有一个函数,它做一个http POST请求。代码如下所述。这工作正常。 $http({ url: user.update_path,method: "POST",data: {user_id: user.id,draft: true} }); 我有另一个函数为http GET和我想发送数据到该请求。但我没有那个选项在。 $http({ url: user.de[详细]
-
angularjs – ng-repeat:按单字段过滤
所属栏目:[安全] 日期:2020-12-17 热度:167
我有一个产品数组,我重复使用ng-repeat和我使用 div ng-repeat="product in products | filter:by_colour" 通过颜色过滤这些产品。过滤器正常工作,但如果产品名称/描述等包含颜色,则过滤器应用后产品仍会保留。 如何设置过滤器只应用于我的数组的颜色字段[详细]
-
scope – 在AngularJS中的控制器之间进行通信的正确方法是什么?
所属栏目:[安全] 日期:2020-12-17 热度:174
什么是控制器之间通信的正确方法? 我目前使用一个可怕的软糖涉及窗口: function StockSubgroupCtrl($scope,$http) { $scope.subgroups = []; $scope.handleSubgroupsLoaded = function(data,status) { $scope.subgroups = data; } $scope.fetch = function[详细]
-
angularjs和ionic学习博客和问题记录
所属栏目:[安全] 日期:2020-12-17 热度:124
解决ionic 上拉加载组件 ion-infinite-scroll自动调用多次的问题或禁止第一次加载 http://blog.csdn.net/lpandeng/article/details/56282726 ionic 上拉刷新 ion-infinite-scroll 自动调用多次问题解决 http://blog.csdn.net/chenhua4088/article/details/49[详细]
-
Angular 4.x ngModel 双向绑定原理揭秘
所属栏目:[安全] 日期:2020-12-17 热度:133
在 Angular 4.x 中对于使用 Template-Driven 表单场景,如果需要实现表单数据绑定。我们就需要引入 ngModel 指令。该指令用于基于 domain 模型,创建 FormControl 实例,并将创建的实例绑定到表单控件元素上。 ngModel 使用示例 ngModel app.component.ts @C[详细]
-
Angular实现DIV自动滚屏到底部scrollToBottom
所属栏目:[安全] 日期:2020-12-17 热度:155
设计一个聊天网页,需要把显示聊天内容的div自动滚屏到底部,但是div缺少scrollTo函数,变通的方法是 div.scrollTop = div.scrollHeight 但在angular中,如何找到这个时机呢? ngFor执行完毕是个时机,但ngFor语句没有提供finished事件。这个事件只能自己制[详细]
-
angular中使用Socket.io
所属栏目:[安全] 日期:2020-12-17 热度:116
服务端(nodeJs/express): let app = require('express')();let http = require('http').Server(app);let io = require('socket.io')(http);io.on('connection',(socket) = { console.log('user connected'); socket.on('disconnect',function(){ console.log[详细]
-
angularjs指令(directive)中的controller,compile,link函数有什
所属栏目:[安全] 日期:2020-12-17 热度:61
今天我们来一起了解一下它们有什么不同的地方: var ag = angular.module("myApp",[]); ag.controller("myCtrl",["$rootScope",function($rootScope){ }]); ag.directive("order",function(){ return{ restrict:"AE",controller:function($scope,$element,$at[详细]