-
angularjs – 使用来自同一指令的链接函数内的指令控制器的函数
所属栏目:[安全] 日期:2020-12-17 热度:108
也许我对指令控制器是如何工作的根本的误解,从我理解他们被用作一种API暴露在其他指令控制器。我试图获得控制器和链接功能内部通信。 例如,我想能够通过控制器功能设置一个变量,然后在链接功能中使用它: var app = angular.module('test-app',[]);app.di[详细]
-
angularjs – 如何实现自定义指令的ng更改
所属栏目:[安全] 日期:2020-12-17 热度:109
我有一个指令与一个模板 div div ng-repeat="item in items" ng-click="updateModel(item)"div 我的指令声明为: return { templateUrl: '...',restrict: 'E',require: '^ngModel',scope: { items: '=',ngModel: '=',ngChange: '' },link: function postLink[详细]
-
AngularJS:textarea绑定到JSON对象显示“object-object”
所属栏目:[安全] 日期:2020-12-17 热度:108
我对AngularJS相当新。 我试图绑定一个对象到一个textarea。 HTML: textarea rows="5" cols="10" ng-model="menuItem.preset"/textarea 模型: { "kind": "title","label": "ADD_TITLE","iconSrc": "textTitle.png","experimentInclude": "","experimentExc[详细]
-
爱创课堂每日一题第三十三天- 如何评价AngularJS和BackboneJS?
所属栏目:[安全] 日期:2020-12-17 热度:74
backbone 具有依赖性,依赖 underscore.js 。 Backbone + Underscore + jQuery(or Zepto) 就比一个 AngularJS 多出了2 次HTTP请求. Backbone 的 Model 没有与UI视图数据绑定,而是需要在View中自行操作DOM来更新或读取UI数据。 AngularJS 与此相反,Model直[详细]
-
angularjs简单demo(转载,原网址找不到了)
所属栏目:[安全] 日期:2020-12-17 热度:184
1.效果图 2.文件结构 3.代码 (1)index.html !DOCTYPE htmlhtml lang="en" ng-app="usermanage"head meta charset="UTF-8" titleuser info demo/title/headbody h1用户管理demo/h1!--使用ng-show,表明我们使用路由控制来管理页面-- div ng-view loading...[详细]
-
AngularJs中$http发送post或者get请求,SpringMVC后台接收不到参
所属栏目:[安全] 日期:2020-12-17 热度:163
1.问题原因 默认情况下,jQuery传输数据使用Content-Type: x-www-form-urlencodedand和类似于"name=zhangsanage=18"的序列,然而AngularJS,传输数据使用Content-Type: application/json和{ "name": "zhangsan","age": "18" }这样的json序列。 2.解决办法 A.[详细]
-
AngularJs出现错误Error: [ng:areq]
所属栏目:[安全] 日期:2020-12-17 热度:52
错误描述:Error: [ng:areq] http://errors.angularjs.org/1.4.8/ng/areq?p0=HelloCtrlp1=not%20a%20function%2C%20got%20undefined Angular出现这种错误的原因,是由于没有在页面中使用模块引入controller导致的,修改内容如下: 添加:ng-app='app',然后在[详细]
-
Angular中的MVVM模式
所属栏目:[安全] 日期:2020-12-17 热度:178
学了那么久的Angular,却不知道它是什么模式,偶尔从同事得知是MVVM模式,之前真的不知道呢。于是查资料来真正的了解什么是MVVM模式。 在开始介绍angular原理之前,我们有必要先了解下mvvm模式在angular中运用。虽然在angular社区一直将angular统称为前端MVC[详细]
-
AngularJS2 学习笔记——创建service
所属栏目:[安全] 日期:2020-12-17 热度:91
1. 创建文件 服务的名称使用小写,格式如: constants.service.ts import { Injectable } from '@angular/core' ; @Injectable () export class ConstantsService { abcd = 'test' ;} 位置假设放在: app/constants.service.ts 2. 修改app.module.ts import[详细]
-
Angular2学习环境安装及第一个小项目
所属栏目:[安全] 日期:2020-12-17 热度:53
1.安装最新版nodejs。 下载地址:http://nodejs.cn/download/ 安装完成后 ctrl+r - cmd -进入cmd命令面板 输入 node - vnpm -v 然后成功显示如下,就证明你环境装成功啦。 这时候输入 path 能看到机子的环境变量,经过上面的两行,系统会自动吧node和npm的环[详细]
-
angular好用的插件集合
所属栏目:[安全] 日期:2020-12-17 热度:132
首先介绍两个学习 Angular 的学习资源 AngularJS-Learning 还有recipes-with-angular-js-examples。 两个编写 Angular 的代码规范,分别是angularjs-styleguide和 angular-styleguide 项目文件结构生成的插件(一般要配合 yeoman 等使用) generator-angular[详细]
-
AngularJS重定向而不推送历史状态
所属栏目:[安全] 日期:2020-12-17 热度:51
我正在开发一个AngularJS应用程序,它有一个捕获所有路由(例如,.when(‘/:slug’,{…)),这是必要的支持从以前的(非角度)版本的旧版本的url格式应用程序。响应catch的控制器都会尝试拉取相关对象,如果没有找到,则使用$ location.path方法重定向到404页[详细]
-
angularjs-scope – 如何在AngularJS中调用另一个范围函数
所属栏目:[安全] 日期:2020-12-17 热度:80
在AngularJS中,我在控制器中有2个scope函数, $scope.fn1 = function(){//do something A};$scope.fn2 = function(){ //do something B //I want to call fn1 here.}; 如果我的fn2想调用fn1,我该怎么办?谢谢! 由于这两个函数都在同一范围内,你可以简单[详细]
-
AngularJS指令:链接和编译功能是否意味着一起工作?
所属栏目:[安全] 日期:2020-12-17 热度:146
我对这个功能有一些疑问。 让我说我有这个指令: .directive('hello',function () { return { template: 'divHello span ng-transclude/span/div',restrict: 'E',transclude: true,compile: function() { console.log('Compile()'); return { pre: function([详细]
-
angularjs – 单页应用程序 – 基于部分视图动态加载js文件
所属栏目:[安全] 日期:2020-12-17 热度:150
我刚刚开始学习Angular并按照这里的教程 – http://docs.angularjs.org/tutorial/step_00 我从GitHub下载种子示例,它工作伟大。我有一个问题,但是 – 如果部分视图需要引用外部js文件,需要在开始时添加到index.html文件?我想让应用程序尽可能精简,只想[详细]
-
ngIf和ngSwitch AngularJS
所属栏目:[安全] 日期:2020-12-17 热度:145
ngIf 和ngSwitch之间的实际区别是什么?这两个指令操纵DOM,但ngSwitch更冗长。是典型的情况下只使用ngIf除非你需要一些真正的大,在这种情况下使用ngSwitch? 有没有ngSwitch和ngIf不是直接替代的情况?还是他们唯一的实际差别的语法? Brandon Tilley的做[详细]
-
如何ng-translate里面的选择框选项在angularjs
所属栏目:[安全] 日期:2020-12-17 热度:199
如何在选择框中应用ng-translate翻译选项。 例如: 模板: select class="form-control" ng-model="me.gender" ng-options="gender.name for gender in genders"/select 控制器: $scope.genders = [{code: "M",name:"TXT_MALE"},{code: "F",name:"TXT_FEMAL[详细]
-
angularjs – 如何在浏览器中调试角服务
所属栏目:[安全] 日期:2020-12-17 热度:124
我在我的角应用程序中创建了一个工厂/服务。 我想在浏览器中调试它。有一种方法,我可以访问它的实例,并检查它的函数和变量的值是什么。 角度范围可以使用访问 angular.element(e).scope() 是否有类似的方法访问工厂? 我相信你可以使用这样的东西: angula[详细]
-
angular2 – 如何部署Angular 2应用程序开发的Typescript到生产
所属栏目:[安全] 日期:2020-12-17 热度:128
我是Angular 2的新手。我困惑于Angular 2如何在生产环境中工作。 在生产服务器中运行Angular 2应用程序的先决条件是什么? 是否可能在IIS服务器中部署应用程序或需要节点服务器? 在开发机器中使用节点编译文件后,我们需要将.js和.ts部署到生产环境吗? 我[详细]
-
用 Angular 开发 Web 应用(Part 2)
所属栏目:[安全] 日期:2020-12-17 热度:166
-
Angular4中使用RxJS Observable的scan运算符 Operator '+&#
所属栏目:[安全] 日期:2020-12-17 热度:105
RxJS当前的官方例子中 Rx.Observable.fromEvent(button,'click') .scan(count = count + 1,0) .subscribe(count = console.log(`Clicked ${count} times`)); 我在angular测试这个例子 Observable.fromEvent(this.button.nativeElement,'click') .throttleTim[详细]
-
ngx自定义一个判断是否点击本节点的指令
所属栏目:[安全] 日期:2020-12-17 热度:125
写组件的时候经常要判断鼠标点击是否是本节点 所以 抽出来 废话少说直接上代码 import { Directive,ElementRef,EventEmitter,OnDestroy,OnInit,Output } from '@angular/core' ; /** * 是否点击的是本节点 * 如果点击的不是本节点或者按Esc 发射一个事件 * @[详细]
-
ngx中增加公用方法 以判断类型为例子
所属栏目:[安全] 日期:2020-12-17 热度:65
废话少说 直接上代码 /** * 是否是方法 * * @export * @param {*} value * @returns {boolean} */ export function isFunction (value: any) : boolean { return typeof value === 'function' ;} /** * 是否是undefined * * @export * @param {*} [value] *[详细]
-
angularjs – 在Angular指令中使用外部模板(templateURL)上的$co
所属栏目:[安全] 日期:2020-12-17 热度:67
我有一个递归的Angular指令,它使用一个模板变量,并在链接函数中编译。 问题是,我的模板已经变得很长,失去控制,我想外部化它在一个外部HTML文件(它也将使它更容易,例如自动缩进)。 如何将外部模板加载到可以在$ compile中使用的指令? 我看过templateUR[详细]
-
AngularJS:我不能在ng-click上设置一个变量值?
所属栏目:[安全] 日期:2020-12-17 热度:153
我有一个模态,使用ng-show =“prefs”来确定可见性。 我的愿望是使用模态中的关闭按钮将$ scope.prefs设置为false,并使用锚标签将值设置为true。但是,我可以找到在谷歌使用复选框而不是锚标签。 有没有办法使用ng单击将变量设置为false? 做就是了: ng-c[详细]