angularJS
发疯的man
公众号☞干货食堂。免费领取2020最新实战项目资源
展开
-
AngularJS的自定义模板
myInjectorModule.directive("xixi",function(){ return { restrict:"CEAM", //分别代表 类名,标签,属性,注释 template:'<h1>1111111</h1>', //模板 replace:true, //表示自定义的标签将被替换掉模板的,一般为原创 2017-10-04 10:47:04 · 1431 阅读 · 0 评论 -
ng-click得到当前元素
http://blog.csdn.net/amohan/article/details/39249369场景:给多个按钮绑定事件,并得到点击对象。 在最上面的元素加上点击事件,然后利用$event.target得到点击对象 看代码ul class="result-choose" id="ResultChoose" ng-click="changeStatus($event);">转载 2018-02-02 19:22:04 · 1831 阅读 · 0 评论 -
angular的常用指令
ng-bind-html 指令因为ng-bind 默认把html标签转义成字符串。如果不想转义。用这个指令。依赖ngSanitize指令,需要下载这个js文件,然后模块依赖注入ng-repeat 指令注意:当遍历的时候,数组有相同的值的时候,会报错,用下面这种方法可以解决 track byli ng-repeat="item in ccc track by $inde原创 2018-01-07 20:56:02 · 399 阅读 · 0 评论 -
详解angular的自定义指令
参考博客。很详细 https://www.cnblogs.com/wangmeijian/p/4944030.htmlhttps://www.cnblogs.com/anhaiming/p/5002077.html关于scope的一些坑当遇到scope的自定义作用域时 比如下面这样:scope: { myName: "@",转载 2018-01-24 12:49:26 · 555 阅读 · 0 评论 -
angular表达式{{}}先渲染问题
一般是这样解决的 用angular的指令 ng-cloak指令。这个指令意思是先把这个指令的代码给隐藏,如果有值再显示。但是效果不理想。一般还得自己加一个classstyle> [ng-cloak], .ng-cloak{ display:none; }style>原创 2018-01-07 20:04:50 · 1184 阅读 · 0 评论 -
angular 的认识和执行过程
第一,首先引入angularJs的js文件。第二,写一个demohtml>head lang="en"> meta charset="UTF-8"> title>title> script src="node_modules/angular/angular.js">script>head>body> div ng-app="">原创 2018-01-07 17:53:11 · 754 阅读 · 0 评论 -
angularJS 发起$http.post和$http.get请求
https://www.cnblogs.com/doforfuture/p/5641909.htmlhttp://blog.csdn.net/fengzijinliang/article/details/51897991https://www.cnblogs.com/jyybeam/p/6122346.html用post提交,后台接收不到参数的问题$http({ meth原创 2018-01-15 21:19:54 · 509 阅读 · 0 评论 -
angular有意思的小技巧
实现自定义锚点功能(需要引入$location,$anchorScroll)html>head lang="en"> meta charset="UTF-8"> title>title> script src="node_modules/angular/angular.js">script>head>body ng-app="app" ng-control原创 2018-01-19 19:47:15 · 436 阅读 · 0 评论 -
颠覆你的想象-----ionic3.x
Ionic 介绍Ionic 是一款基于 Angular、Cordova 的强大的 HTML5 移动应用开发框架 , 可以快速创建一 个跨平台的移动应用。可以快速开发移动 App、移动端 WEB 页面、微信公众平台应用,混 合 app web 页面。Ionic 和 Cordova(phonegap)、Angular关系ionic = Cordova + Angular + ionic CSS I原创 2017-12-31 17:04:33 · 697 阅读 · 0 评论 -
颠覆你的想象-----angualr4.0
第一,安装node.js 第二,安装vscode编辑器 第三,在vscode编辑器安装angularJs插件 第四,全局安装 Angular CLI 脚手架工具(只需 要安装一次)1. 使用 npm 命令安装npm install -g @angular/cli建议:2. 安装 cnpmnpm 可能安装失败建议先用 npm 安装一下 cnpm 用淘宝镜像安装https://npm.t原创 2017-12-30 22:03:55 · 494 阅读 · 0 评论 -
angular购物车demo
html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="angular.js"></script> <link rel="stylesheet" type="text/cs原创 2017-10-04 20:55:17 · 537 阅读 · 0 评论 -
angular的指令
ng-init<div ng-init="city=['shanghai','beijing','zhengzhou']"> <li ng-repeat="c in city"> <!-- 坐标 --> <span>{{$index}}</span> <!-- 是不是第一个 --> <sp原创 2017-10-03 23:20:17 · 363 阅读 · 0 评论 -
angular的过滤器
html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="angular.js"></script> <script type="text/javascript" src="原创 2017-10-03 16:01:43 · 509 阅读 · 0 评论 -
angular如何实现不同模块的变量共享
因为一个模块可以有多个controller,所以不同的controler的变量有自己的作用域范围。如何实现不同的controller的变量共享呢?可以用上一章讲的factory的方式来自定义一个服务,然后将这个服务自动注入到各个controller里面。 html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2017-10-03 15:24:05 · 2513 阅读 · 0 评论 -
angularJS自定义服务的两种方法
var app=angular.module("App",[],function($provide){ //自定义一个工厂,$provide是angular自动注入的,然后创建一个服务对象 $provide.factory("xx",function(){ return [1,2,3,4]; }) //自定义服务,返回的必须是对象,字符串,数字这样的基原创 2017-10-03 15:01:38 · 521 阅读 · 0 评论 -
angularJS的第一个demo
html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="angular.js"></script> <script type="text/javascript" src="原创 2017-10-03 14:37:02 · 422 阅读 · 0 评论 -
ng-class的用法
第一种tar是变量,checked是类名span ng-class='{checked:tar=="拨打成功"}'>拨打成功span>第二种isActive是变量ng-class="{true: 'detail-record disabled',false: 'detail-record'}[isActive]"原创 2018-02-07 20:07:57 · 529 阅读 · 0 评论