【AngularJS - 指令入门】的更多相关文章

AngularJS - 指令入门

指令,我将其理解为AngularJS操作HTML element的一种途径. 由于学习AngularJS的第一步就是写内置指令ng-app以指出该节点是应用的根节点,所以指令早已不陌生. 这篇日志简单记录了一些内置指令,先使用起来,再谈一些有趣的东西. 内置指令 所有的内置指令的前缀都为ng,不建议自定义指令使用该前缀,以免冲突. 首先从一些常见的内置指令开始. 先列出一些关键的内置指令,顺便简单说说作用域的问题. ng-model 将表单控件和当前作用域的属性进行绑定,这么解释似乎也不太正确.…

AngularJS快速入门指南04：指令

AngularJS通过指令将HTML属性进行了扩展. AngularJS指令 AngularJS指令是带有ng-前缀的扩展HTML属性. ng-app指令用来初始化AngularJS application. ng-init指令用来初始化application数据. ng-model指令用来将HTML控件(如input,select,textarea等)的值绑定到application数据. <div ng-app="" ng-init="firstName='John…

不用搭环境的10分钟AngularJS指令简易入门01（含例子）

不用搭环境的10分钟AngularJS指令简易入门01(含例子) `#不用搭环境系列AngularJS教程01,前端新手也可以轻松入坑~阅读本文大概需要10分钟~` AngularJS的指令是一大特色之一,可以将控件组合封装并简易调用.不难入门,而且用起来很爽!这次我带各位童鞋一步步学会AngularJS的指令系统. 前置技能需求:HTML.CSS.JS基础,没错不用会Angular也行!(逃 一.史上最简单入门 指令是 扩展具有自定义功能的 HTML 元素的途径.换个说法,简单来说就是把一堆组…

AngularJS快速入门指南20：快速参考

thead>tr>th, table.reference>tbody>tr>th, table.reference>tfoot>tr>th, table.reference>thead>tr>td, table.reference>tbody>tr>td, table.reference>tfoot>tr>td { padding: 8px; line-height: 1.42857143; vertic…

AngularJS快速入门指南19：示例代码

本文给出的大部分示例都可以直接运行,通过点击运行按钮来查看结果,同时支持在线编辑代码. <div ng-app=""> <p>Name: <input type="text" ng-model="name"></p> <p>You wrote: {{ name }}</p> </div> 运行 AngularJS基础 我的第一个AngularJS指令 我的第一个A…

AngularJS快速入门指南18：Application

是时候创建一个真正的AngularJS单页面应用程序了(SPA). 一个AngularJS应用程序示例 你已经了解了足够多的内容来创建第一个AngularJS应用程序: My Note Save Clear Number of characters left: 100 // 程序代码即解释 <html ng-app="myNoteApp"> <script src="http://ajax.googleapis.com/ajax/libs/angularjs…

AngularJS快速入门指南17：Includes

使用AngularJS,你可以在HTML中包含其它的HTML文件. 在HTML中包含其它HTML文件? 当前的HTML文档还不支持该功能.不过W3C建议在后续的HTML版本中增加HTML imports功能,以支持在HTML中包含其它的HTML文件. <link rel="import" href="/path/navigation.html"> 在服务端包含文件 大部分的web服务器都支持服务端包含文件(Server Side Includes).通过…

AngularJS快速入门指南16：Bootstrap

thead>tr>th, table.reference>tbody>tr>th, table.reference>tfoot>tr>th, table.reference>thead>tr>td, table.reference>tbody>tr>td, table.reference>tfoot>tr>td { padding: 8px; line-height: 1.42857143; vertic…

AngularJS快速入门指南14：数据验证

thead>tr>th, table.reference>tbody>tr>th, table.reference>tfoot>tr>th, table.reference>thead>tr>td, table.reference>tbody>tr>td, table.reference>tfoot>tr>td { padding: 8px; line-height: 1.42857143; vertic…

AngularJS快速入门指南13：表单

一个AngularJS表单是一组输入型控件的集合. HTML控件 HTML输入型标签标包括: input标签 select标签 button标签 textarea标签 HTML表单 HTML表单将各种HTML控件组合到一起. 一个AngularJS表单的例子 First Name: Last Name: RESET form = {{user}} master = {{master}} // 程序代码 <div ng-app="myApp" ng-controller="…