Angular JS学习笔记
潇潇雨歇_
www
展开
-
AngularJS ng依赖注入的三种方式
一.ng的四种注入方式 1.最基本的方式最基本的依赖注入方式 {{gameName}} //最基本的依赖注入方式var MyModule = angular.module("MyModule",[]);MyModule.controller('MyCtrl',['$scope', function($scope){原创 2017-07-29 17:48:12 · 3364 阅读 · 0 评论 -
AngularJS 的Provider,Factory与Service实现依赖注入
笔记:1.Provider模式是策略模式和工厂模式的综合体2.核心目的是让接口和实现分离3.在ng中,所有Provider都可以用来进行注入 provider/factory/service/constant/value4.以下类型的函数原创 2017-07-29 17:49:18 · 483 阅读 · 0 评论 -
AngularJS 指令的执行过程分析
笔记: 指令的执行分析过程主要分为Compile和link两个阶段1.最简单的指令执行过程指令最简单的执行过程 var myModule = angular.module("MyModule", []);myModule.directive("hello", function(){ return { restri原创 2017-07-30 16:35:38 · 366 阅读 · 0 评论 -
AngularJS 指令对象的Scope属性
代码: Scope作用域测试 .frame { text-align:center; padding: 2px 8px; margin: 0px; font-size: 20px; width: 500px;原创 2017-07-30 16:36:14 · 635 阅读 · 0 评论 -
AngularJS 表单基本的验证功能
代码:表单的基本验证功能 body { font-size: 14px; } input{ padding: 3px; } 姓名不能为空! 邮件不能为空!原创 2017-07-31 12:58:35 · 287 阅读 · 0 评论 -
Bootstrap + AngularJS 双向数据绑定Form表单测试
近期项目需要实现更好的前后端分离,所以用到了AngularJS,AngularJS是一个开源的JavaScript框架,它具有四大核心特性:模块化,MVC分层,指令系统,双向数据绑定。 代码:form.html 双向数据绑定原创 2017-07-25 14:11:00 · 1746 阅读 · 0 评论 -
Bootstrap + AngularJS 实现简单的数据过滤----字符查找
代码:find.html字符查找 body{ font-size: 12px; } ul{ list-style-type: none; width: 408px; margin:0px; padding: 0px; } ul li { float: left; padding:原创 2017-07-27 12:47:46 · 785 阅读 · 0 评论