-
初识AngularJS
所属栏目:[安全] 日期:2020-12-17 热度:98
最近接触课表的APP,便结识了AngularJS. 概念 AngularJS在Web应用方面是一个非常完美的JavaScript MVC框架。 AngularJS完全由JavaScript和HTML构成,AngularJS框架的核心概念是MVC架构模式。 MVC 对于MVC我们已经很熟悉了,在Angular应用中,视图层就是DOM,[详细]
-
初识AngularJS
所属栏目:[安全] 日期:2020-12-17 热度:109
刚看师姐给的视频的时候,头大啊,什么都听不懂,直接放弃了,接着看我的SSH网上商城的视频吧。可是也不能不学啊,在图书馆拿了本书,看看吧,一看,还挺有意思。[详细]
-
angularjs指令中的compile与link函数详解
所属栏目:[安全] 日期:2020-12-17 热度:164
本文转自: 点击打开链接 这篇文章主要介绍了angularjs指令中的compile与link函数详解,本文同时诉大家complie,pre-link,post-link的用法与区别等内容,需要的朋友可以参考下 通常大家在使用ng中的指令的时候,用的链接函数最多的是link属性,下面这篇文章将告诉[详细]
-
如何在AngularJs中调用第三方插件库
所属栏目:[安全] 日期:2020-12-17 热度:143
在AngularJs中我们会不可避免的使用第三方库,例如jquery插件库。我们不能散乱的在AngularJS中引入这些库,例如在controller中。那么应该怎么在Angular中使用第三方库呢? 如何使用? 很简单,给插件写一个directive。 在这里,我会使用一个简单的jquery插件[详细]
-
AngularJs
所属栏目:[安全] 日期:2020-12-17 热度:112
基础学习[详细]
-
Angular2入门——(2)模板语法
所属栏目:[安全] 日期:2020-12-17 热度:196
最简单的模板 组件的 View注解 用来声明组件的 外观 ,它最重要的属性就是 template - 模板。 Angular2的模板是 兼容 HTML语法的,这意味着你可以使用任何标准的HTML标签编写 组件模板。 所以,在最简单的情况下,一个Angular2组件的模板由 标准的HTML元素[详细]
-
angularJS学习小结——ngRoute(路由机制)
所属栏目:[安全] 日期:2020-12-17 热度:98
引言 在我们介绍路由之前我们首先谈一下SPA,所以SPA就是我们现在经常说的单页应用single page APP,为了实现 无刷新的视图切换我们之前的做法就是利用AJAX从后取出数据然后渲染在前台页面HTML中,但是AJAX有一个致命的缺 点就是不能实现浏览器的后退按钮失[详细]
-
angularJS学习小结——ngRoute(路由机制)
所属栏目:[安全] 日期:2020-12-17 热度:188
引言 在我们介绍路由之前我们首先谈一下SPA,所以SPA就是我们现在经常说的单页应用single page APP,为了实现 无刷新的视图切换我们之前的做法就是利用AJAX从后取出数据然后渲染在前台页面HTML中,但是AJAX有一个致命的缺 点就是不能实现浏览器的后退按钮失[详细]
-
angularJS实现textarea记录只能输入规定数量的字符并显示
所属栏目:[安全] 日期:2020-12-17 热度:177
body ng-app="myNoteApp" html div ng-controller="myNoteCtrl" ptextarea ng-model="message" cols="40" rows="10" maxlength="100"/textarea/p p100/span ng-bind="left()"/span/p /div /html script type="text/javascript" var app=angular.module("myNo[详细]
-
AngularJS 指令
所属栏目:[安全] 日期:2020-12-17 热度:141
指令(directives)是任何AngularJS应用中最重要的成分。尽管AngularJS已经自带了很多指令,你经常会发现需要自己亲手创建一些特别的指令。本文将会带你了解自定义指令并解释如何在现实世界中的Angular项目中使用它们。文章的最后,我们将一起用Angular指令[详细]
-
AngularJs ui-router 路由的简单介绍
所属栏目:[安全] 日期:2020-12-17 热度:51
那么有人就会问:为什么Angular有了自带的路由,我们还需要用ui-router呢? 这里简单明了的说明下ngRoute和ui-router的区别吧,其实也没很大的区别,主要的就是ngRoute针对于单视图,而ui-router可用于多视图(这里说的视图是指在页面内我们可控制的,可变化[详细]
-
第一个AngularJS Web应用 todoList
所属栏目:[安全] 日期:2020-12-17 热度:95
!DOCTYPE htmlhtml ng-app="todoList"headmeta charset="UTF-8"link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css"titletodoList/title/headbody style="padding:10px;" ng-controller="TaskCtrl"div class="i[详细]
-
Angular.js中使用$watch监听模型变化
所属栏目:[安全] 日期:2020-12-17 热度:196
$watch简单使用 $watch是一个scope函数,用于监听模型变化,当你的模型部分发生变化时它会通知你。 $watch(watchExpression,listener,objectEquality); 每个参数的说明如下: watchExpression:监听的对象,它可以是一个angular表达式如'name',或函数如funct[详细]
-
AngularJS的学习--$on、$emit和$broadcast的使用
所属栏目:[安全] 日期:2020-12-17 热度:194
$emit只能向parent controller传递event与data $broadcast只能向child controller传递event与data $on用于接收event与data 例子如下 html代码 div ng-controller = "ParentCtrl" !-- 父级 -- "SelfCtrl" 自己 a ng-click "click()" click me / a "ChildCtrl"[详细]
-
AngularJS学习笔记之基本指令(init、repeat)
所属栏目:[安全] 日期:2020-12-17 热度:142
AngularJS学习笔记之基本指令(init、repeat) ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68[详细]
-
angularjs 本地数据存储LocalStorage
所属栏目:[安全] 日期:2020-12-17 热度:139
//本地存储数据===================================.factory('locals',['$window',function($window){return{//存储单个属性set:function(key,value){$window.localStorage[key]=value;},//读取单个属性get:function(key,defaultValue){return$window.local[详细]
-
Angular2入门——(1)快速上手
所属栏目:[安全] 日期:2020-12-17 热度:141
Why Angular2 Angular1.x显然非常成功,那么,为什么要剧烈地转向Angular2? 性能的限制 AngularJS当初是提供给 设计人员 用来快速构建HTML表单的一个内部工具。随着时间的推移,各种特性 被加入进去以适应不同场景下的应用开发。然而由于最初的 架构限制 ([详细]
-
angularstrap typeahead 处理异步数据
所属栏目:[安全] 日期:2020-12-17 热度:144
使用angularstrap typeahead 的时候下拉列表总是比输入的数据慢一步,注意下你的代码 link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" /script src="https://ajax.googleapis.com/ajax/libs[详细]
-
AngularJS 最常用的八种功能
所属栏目:[安全] 日期:2020-12-17 热度:78
第一 迭代输出之ng-repeat标签 ng-repeat让table ul ol等标签和js里的数组完美结合 12345 ulli ng-repeat="person in persons"{{person.name}} is {{person.age}} years old./li/ul 你甚至可以指定输出的顺序: 1 li ng-repeat="person in persons | orderBy[详细]
-
AngularJS ng-repeat下使用ng-model
所属栏目:[安全] 日期:2020-12-17 热度:189
举例: 123 blue:input type="radio" value="1" ng-model="selectValue"/red:input type="radio" value="2" ng-model="selectValue"/yellow: input type="radio" value="3" ng-model="selectValue"/ 以上代码实现一个单选框功能,当你选中其中的一个单选框,[详细]
-
AngularJS语法详解(续)
所属栏目:[安全] 日期:2020-12-17 热度:130
?? http://www.jb51.net/article/60265.htm src和href属性 Angularjs中src应写成ng-src,href应写成ng-href 例如: 复制代码 代码如下: img ng-src="/images/cats/{{favoriteCat}}" a ng-href="/shop/category={{number}}"Some text/a 表达式 在模板中可以进[详细]
-
angularjs input type=radio isChecked
所属栏目:[安全] 日期:2020-12-17 热度:127
1、html: input type="radio" ng-model="typeModel.isChecked" ng-click="typeRadioClickFun($event.target)" value="0"nbsp;{{'PROPERTY.NODE.DUE.DATE.VARIABLE.LABEL' | translate}}input type="radio" ng-model="typeModel.isChecked" ng-click="typeRad[详细]
-
Controller中错误 TypeError: $rootScope.$broadcast is not a f
所属栏目:[安全] 日期:2020-12-17 热度:99
最近研究Angluar的前端开发,遇到 TypeError: $ rootScope. $ broadcast is not a function 错误! 代码: ...myApp.controller( 'queryCtrl' ,[ '$scope' , '$document' , '$rootScope' , function ( $scope , $rootScope ) { $scope .queryClick = functio[详细]
-
AngularJS快速开始
所属栏目:[安全] 日期:2020-12-17 热度:51
AngularJS快速开始 03-29 14:08 04-10 22:12 219227 44392 86 AngularJS AngularJS 入门教程 Hello World! 开始学习AngularJS的一个好方法是创建经典应用程序“Hello World!”: 使用您喜爱的文本编辑器,创建一个HTML文件,例如:helloworld.html。 将下面[详细]
-
angularJS中ng-class指令的三种实现方式
所属栏目:[安全] 日期:2020-12-17 热度:191
引言 在我们开发中经常会遇到这样的需求,一个元素需要在不同的状态下呈现不同的样子,而在这所谓的的样子当然 就是改变其css的属性,而实现动态的改变属性值,我们就需要实现动态的更换其class属性值。在这给大家介绍三种 方法来实现。 第一种:通过数据的[详细]