AngularJS
关注
分享
扫一扫
mwwb
这个作者很懒，什么都没留下…
展开
-
AngularJS（十一）
昨天学到$http的快捷方式<body ng-app="app"> <div ng-controller="ctrl"> <h3>请输入你的信息：</h3> <form id="userForm"> 用户名：<input type="text" name="user" ng-model="params.user" /><br /> 喜欢的图书:<select multiple="mul原创 2020-06-20 15:01:35 · 151 阅读 · 0 评论 -
AngularJS（十）
今天继续昨天的依赖注入的学习昨天学到行内数组式依赖注入两点注意事项，声明的依赖参数名称要和容器组件的名字对应，依赖参数的顺序要和接受依赖注入的函数的参数顺序一致，做到这两点后，接受依赖注入的函数的形参名就无关紧要了，即使发布的时候压缩了代码也不会影响代码运行。 <body ng-app="app" ng-strict-di> <div ng-controller="ctrl"></div> <script> var app = angula原创 2020-06-19 17:41:11 · 175 阅读 · 0 评论 -
AngularJS（九）
今天继续学自定义服务使用provider（）方法创建自定义服务这个方式相较其他方法的优点在于开发者可以在创建angular.Module的配置选项中对服务对象进行配置注意：创建自定义服务的时候必须为该注册函数的this定义一个$get函数，该函数的返回值就是自定义服务的对象。<body ng-app="app"> <div ng-controller="ctrl"> 用户名：<input type="text" name="user.name" ng-mode原创 2020-06-18 18:55:59 · 157 阅读 · 0 评论 -
AngularJS（八）
今天…今天还是继续学习服务，害，惭愧，这几天进度很慢，就这么几个服务知识点还没捣腾明白呢$log服务这个服务的功能是对console进行封装，好像很多服务的功能都是封装某个特定的对象$log服务一共提供了5个方法，分别是：log、warn、info、error、debug <body ng-app="app"> <div ng-controller="ctrl"> <label> 请输入内容 <input type="tex原创 2020-06-17 17:13:48 · 143 阅读 · 0 评论 -
AngularJS（七）
今天继续学习服务$compile服务他的作用是编译一段html字符串或DOM，并把他们转换成模板和模板函数，这些模板之后可以被link到scope模板中一个示例，注意要导入jQuery库<body ng-app="app" ng-controller="ctrl"> <div id="container"> </div> <script> angular.module('app',[]) .controller('ctr原创 2020-06-16 19:27:09 · 146 阅读 · 0 评论 -
AngularJS（六）
今天开始学习AngularJS的调用内置服务的相关知识ng有一种分层结构思想在里面可以大致分为3层：控制器层：这个就是加载controller（）方法时候的控制器，一般代码量较少，轻薄服务层：也被叫做service层，服务层负责完成前端的业务逻辑DAO层：即数据访问层，根据不同位置的DAO有不同的工作，如果是在服务端编程中的，负责对数据库执行CRUD操作；如果是在前端编程中的话，就是负责和服务端通信，调用服务端API对服务端数据进行CRUD操作(CRUD指的是增加(Create)、读取查询(Ret原创 2020-06-15 20:25:11 · 139 阅读 · 0 评论 -
AngularJS（五）
今天接着学习指令ng-style和ng-class一样也可用于动态设置CSS样式ng-style属性通常被解析为一个js对象（实际上就该算是css中定义的一个类），而昨天学的ng-class是可以根据不同情况解析为字符串和js对象的解析为字符串的用法就是这样：<p ng-class="style" >使用字符串</p><input type="text" ng-model="style" placeholder="输入:xxxxx"><hr>而原创 2020-06-13 17:23:01 · 169 阅读 · 0 评论 -
AngularJS（四）
今天继续学习各种指令除了一系列的表单、检验表单指令，AngularJS还提供了了大量的事件指令ngBlur --------------------------------- html元素失去焦点时触发ngChange-----------------------------html元素的内容发生改变时触发ng-Click--------------------------------html元素被点击时触发ngChecked----------------------------html元素原创 2020-06-12 18:29:37 · 194 阅读 · 0 评论 -
AngularJS（三）
终于完成了一部分琐事，今天继续学习AngularJS的扩张型函数angular.identity和angular.noop，他们两个都是用来防止报错的镂空函数，唯一的区别是前者用来随便返回一个自身的值，而后者就是纯空函数，不作为了<body> <script> function transformer(transformationFn,value){ return (transformationFn || angular.identity)(value);原创 2020-06-11 17:27:34 · 194 阅读 · 0 评论 -
AngularJS（二）
除了使用预设的过滤器，实际操作的时候还可以使用自定义的过滤器 <body ng-app="fkApp" ng-controller="fkCtrl"> 请输入字符串：<input type="text" ng-model="test"/><p></p> {{test|fkdelete:2:5}} <script> var app=angular.module("fkApp",[]); app.controller(原创 2020-06-09 17:32:40 · 106 阅读 · 0 评论 -
AngularJS（一）
AngularJS是一个基于MVC（模型-视图-控制）的JS框架。这次我选择直接在线导入，不再尝试下载到本地了，反正效果对于我来说差不多<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>这是在线导入的语句先是一个简单的案例<!DOCTYPE html><html> <head> <meta charset="u原创 2020-06-08 20:40:42 · 128 阅读 · 0 评论