一：自执行匿名函数(function(){ /*code*/})();自执行匿名函数：常见格式：(function() { /* code */ })();解释：包围函数（function(){})的第一对括号向脚本返回未命名的函数，随后一对空括号立即执行返回的未命名函数，括号内为匿名函数的参数。作用：可以用它创建命名空间，只要把自己所有的代码都写在这个特殊的函数包装内，那么外部就不能访问，除非你允许(变量前加上window，这样该函数或变量就成为全局)。各JavaScript库的代...
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>入门</title><script src="node_modules/angular/angular.js"></script><style>.bgc-red {background-color: red;}</style> </head> <body ng-app="s1.app"><button class="{{currentBtn == 1 ? ‘bgc-red‘:‘‘}}" ng-click="setCurrent(1)">按钮1</button> <button class="{{currentBtn == 2 ? ‘bgc-red‘:‘‘}}" ng-click="setCurrent(2)">按钮2</butt...
指令之--自定义HTML元素和属性 angularjs支持我们拓展自定义的HTML元素。比如，我们想自定义一个自己的元素：<my-dom></my-dom>如下：var app=angular.module("myApp",[]);app.controller(‘mycontroler‘,function($scope){});app.directive("myDom",function(){return {restrict:‘E‘,template:‘<a href="www.baidu.com"> click to baidu</a>‘}})<!doctype html><html><head><script src="http://code.angularjs.org/angul...
篇文章主要介绍了angularjs指令中的compile与link函数详解,本文同时诉大家complie,pre-link,post-link的用法与区别等内容,需要的朋友可以参考下 通常大家在使用ng中的指令的时候,用的链接函数最多的是link属性,下面这篇文章将告诉大家complie,pre-link,post-link的用法与区别.angularjs里的指令非常神奇,允许你创建非常语义化以及高度重用的组件,可以理解为web components的先驱者.网上已经有很多介绍怎么使用指令的文章以及相关书...
实现一个简单的input清空内容，且清空对应ngModel前台部分<html ng-app="hpapp"><head><meta charset="UTF-8"><title>Document</title><link rel="stylesheet" href="css/test.css"><script type="text/javascript" src="js/angular.js"></script><script type="text/javascript" src="js/inputempty.js"></script><script type="text/javascript" src="js/info.js"></script></head><body><div ng-controller="InfoCtrl"><input t...
通常大家在使用ng中的指令的时候,用的链接函数最多的是link属性,下面这篇文章将告诉大家complie,pre-link,post-link的用法与区别.angularjs里的指令非常神奇,允许你创建非常语义化以及高度重用的组件,可以理解为web components的先驱者.网上已经有很多介绍怎么使用指令的文章以及相关书籍,相互比较的话,很少有介绍compile与link的区别,更别说pre-link与post-link了.大部分教程只是简单的说下compile会在ng内部用到,而且建议大家只用...
(function () {‘use strict‘;angular.module(‘common‘).directive(‘numFormat‘, function () {return {restrict: ‘A‘,require: ‘ngModel‘,scope: {isInt: ‘@‘,decimal: ‘@‘,},controller: [‘$scope‘, function ($scope) {}],link: function (scope, $element, $attr, ngModelCtrl) {function format() {if (ngModelCtrl.$modelValue === null) {ngModelCtrl.$setViewValue(null);ngModelCtrl.$render();} elseif (...
什么是ng-classng-class最大的妙用就是可以根据你的逻辑表达式。来添加或移除对应的classng-class是angular.js里面内置的一个指令。项目中，有时候，我们需要根据需求来切换不同的classfunction bb($scope){$scope.ss="className"; } <div class="{{ss}}"></div>这种方式是scope变量绑定方式，个人觉得妙用谈不上，还不如直接写class=什么的字符串方式，比较长用function bu($scope) { $scope.ss= true; }<div ng-class="{true: ...
AngularJS中不仅内置了许多指令，而且开发人员也可以通过自定义指令来完成特殊操作，指令创建成功后可以到处复用。Web应用中的分页处理最为常见，我们可以将分页模块编写成一个可以复用的Angular指令，在使用时无需考虑指令的内部实现细节，像使用普通HTML元素一样简单。1：index.html<!DOCTYPE html><html ng-app="myApp"><head><title>TODO supply a title</title><meta charset="UTF-8"><meta name="viewport" content="width=d...
今天我们先对 priority，template，templateUrl进行学习1.priority 可取值：int 作用：优先级 一般priority默认为0，数值越大，优先级越高。当一个dom元素上有多个指令，在执行compile函数的时候，指令的执行顺序为：高优先级，先链接排序的先执行如果想让一个指令最后一个执行： terminal 这个参数设置为true，即可使该指令在同一个Dom元素上的指令列表里最后一个执行 2.template可取值：string或function作用：指令操作元素的...
https://www.cnblogs.com/xuepei/p/6022883.html非本人自创 图片视频类angular-maxonry 图片墙效果插件，可以将图片组织成类似于瀑布流的效果，依赖于jQuery、imageloaded和Masonryangular-deckgrid 另一个照片瀑布流解决方案ngImgCrop 图片剪裁工具ngVideo 播放器，直接播放指定地址的mp4，控制按钮美观度远甩朝内99.99%的视频站输入控件类ngDraggable 控制元素拖动的控件，Demoangular-umeditor 百度umeditor的AngularJS扩展，um...
一、指令基础指令1、ng-disabled使用ng-disabled可以把disabled属性绑定到以下表单输入字段上： <input> （ text、 checkbox、 radio、 number、 url , email 、 submit）； <textarea> ； <select> ； <button> 。案例1：<input type="text" ng-disabled="true" placeholder="TypetoEnable">在下面的例子，文本字段会被禁用五秒，直到在$timeout中将isDisabled属性设置为true：<textarea ng-disabled="isDisabled">Wait5seconds</...
templateUrl: 加载模板所要使用的 URL。可以加载当前模板内对应的 text／ng-template script id。在使用 chrome 浏览器时，“同源策略”会阻止 chorme 从 file:// 中加载模板，并显示一个“ Access-Control-Allow-Origin ”不允许源为 null，可以把项目放在服务器上加载，或者给 chorme 设置一个标志位，命令为：chorme-allow-file-access-from-files。<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title...
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title></title><link rel="stylesheet" href=""></head><body><div ng-app="" ng-init="firstName=‘sdiven‘"><p>姓名为:<span ng-bind="firstName"></span></p></div></body><script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script></html>本文出自 “素颜” 博客，请务必保留此出...
指令是我们用来扩展浏览器能力的技术之一。在DOM编译期间，和HTML元素关联着的指令会被检测到，并且被执行。这使得指令可以为DOM指定行为，或者改变它。AngularJS有一套完整的、可扩展的、用来帮助web应用开发的指令集，它使得HTML可以转变成“特定领域语言(DSL)”。指令可以做为HTML中的元素名，属性名，类名，或者注释。下面是一些等效调用myDir指令的例子：<span my-dir="exp"></span> <span class="my-dir: exp;"></span> <my-...