Angular1.x的自定义指令directive参数配置详细说明
组件结构
angular-component-demo.html
自定义Angular1.x组件
被替换内容 myComponent.css
@charset "UTF-8";
/*这里设置组件的样式*/
h1 {color: red;
}myComponent.js
var app = angular.module('app', []);
app.directive('myComponent', function () {return {restrict: "ECMA",//（字符串）可选参数，指明指令在DOM里面以什么形式被声明；取值有：E(元素),A(属性),C(类),M(注释)，其中默认值为A；当然也可以两个一起用，比如EA.表示即可以是元素也可以是属性。priority: 0,//(数字)，可选参数，指明指令的优先级，若在单个DOM上有多个指令，则优先级高的先执行；terminal: true,//（布尔型），可选参数，可以被设置为true或false，若设置为true，则优先级低于此指令的其他指令则无效，不会被调用(优先级相同的还是会执行)//【情况1】（字符串或者函数）可选参数，显示组件内容// template: '组件内容
',//【情况2】一个函数，可接受两个参数tElement和tAttrs，其中tElement是指使用此指令的元素，而tAttrs则实例的属性，它是一个由元素上所有的属性组成的集合（对象）/*template: function(tElement,tAttrs){var html = '';html += '' +'hello '+tAttrs.title+'';return html;},*/templateUrl: 'myComponent.html',//（字符串或者函数），可选参数，可以是（1）一个代表HTML文件路径的字符串（2）一个函数，可接受两个参数tElement和tAttrs（大致同上）//（1）默认值false。表示继承父作用域;（2）true。表示继承父作用域，并创建自己的作用域（子作用域）;（3）{}。表示创建一个全新的隔离作用域；scope: {param: "@",//可以为@、&、=，其中=是双向绑定，&可以绑定方法函数名},transclude: true,//如果不想让指令内部的内容被模板替换，可以设置这个值为true，然后在template里面加入ng-transclude属性；如果指令使用了transclude参数，那么在控制器无法正常监听数据模型的变化了。建议在链接函数里使用$watch服务。controller: 'controllerName',//可以是一个字符串或者函数。若是为字符串，则将字符串当做是控制器的名字，来查找注册在应用中的控制器的构造函数controllerAs: 'controllerAsName',//控制器别名//compile和link选项是互斥的。如果同时设置了这两个选项，那么会把compile所返回的函数当作链接函数，而link选项本身则会被忽略。/*compile: function compile(tElement, tAttrs, transclude) {console.log(tElement, tAttrs, transclude);return {pre: function preLink(scope, iElement, iAttrs, controller) {console.log(scope, iElement, iAttrs, controller);},post: function postLink(scope, iElement, iAttrs, controller) {console.log(scope, iElement, iAttrs, controller);}}},*/link: function postLink(scope, iElement, iAttrs) {console.log("link",(scope, iElement, iAttrs));}};
});//注意：在本地开发时候，需要运行一个服务器，不然使用templateUrl会报错 Cross Origin Request Script（CORS）错误。由于加载html模板是通过异步加载的，若加载大量的模板会拖慢网站的速度，这里有个技巧，就是先缓 存模板
app.run(["$templateCache", function ($templateCache) {$templateCache.put("myComponent.html", "组件内容
");
}]);app.controller('controllerName', function ($scope, $element, $attrs, $transclude, $log) {// console.log($log, $scope, $element, $attrs, $transclude);//控制器逻辑放在这里
});更多相关：
-
草色新雨中， 松声晚窗里。之前我们学习 Power Query 都是用鼠标就完成了很多复杂的操作。虽然 PowerQuery 已经将大部分常用功能内置成到功能区。基本能完成我们大部分的报表自动化功能。但是总有些复杂的或者个性化的问题是开发团队没有预先想到的，这时我们就需要学习 M 语言。一、M 语言在哪里？M语言的函数公式有三个地...
-
前言从2020年3月份开始，计划写一系列文档--《小白从零开始学编程》，记录自己从0开始学习的一些东西。第一个系列：python，计划从安装、环境搭建、基本语法、到利用Django和Flask两个当前最热的web框架完成一个小的项目第二个系列：可能会选择Go语言，也可能会选择Vue.js。具体情况待定，拭目以待吧。。。基本概念表达式表...
-
1.1函数1.1.1什么是函数函数就是程序实现模块化的基本单元，一般实现某一功能的集合。函数名：就相当于是程序代码集合的名称参数：就是函数运算时需要参与运算的值被称作为参数函数体：程序的某个功能，进行一系列的逻辑运算return 返回值：函数的返回值能表示函数的运行结果或运行状态。1.1.2函数的作用函数是组织好的，可重复使用的，用来...
-
原标题：基于Python建立深度神经网络！你学会了嘛？图1 神经网络构造的例子(符号说明：上标[l]表示与第l层；上标(i)表示第i个例子；下标i表示矢量第i项)单层神经网络图2 单层神经网络示例神经元模型是先计算一个线性函数(z=Wx+b)，接着再计算一个激活函数。一般来说，神经元模型的输出值是a=g(Wx+b)，其中g是激活函数(...
-
在学习MySQL的时候你会发现，它有非常多的函数，在学习的时候没有侧重。小编刚开始学习的时候也会有这个感觉。不过，经过一段时间的学习之后，小编发现尽管函数有很多，但是常用的却只有那几个。今天小编就把常用的函数汇总一下，为大家能够能好的学习MySQL中的函数。MySQL常使用的函数大概有四类。时间函数、数学函数、字符函数、控制函数。让我...
-
var scope = 'global'; var f = function () { console.log(scope); // 输出 undefined var scope = 'f'; } f(); 上面代码可能和你预想的不一样，没有输出 global， 而是undefined，这是为什么呢？ 这是 Java...
-
情况一：后台给的日期是Sat Jul 31 2021 21:50:01 GMT+0800 (中国标准时间)，如果直接呈现给用户，他们一定会吐槽你不说人话~~~ 情况二：后台给的百分数是小数没有转化成00%格式 采用vue的过滤机制就可以解决这种情况，有两种方式： 第一种：全局写法，在main.js里面加入 // 【...
-
问题描述 使用main函数的参数，实现一个整数计算器，程序可以接受三个参数，第一个参数“-a”选项执行加法，“-s”选项执行减法，“-m”选项执行乘法，“-d”选项执行除法，后面两个参数为操作数。 例如：输入test.exe -a 1 2 执行1+2输出3 问题分析 上面的逻辑思维很简单，但是问题在于如何在VS中向...
-
------------------------siwuxie095 MyBatis 中 #{} 和 ${} 的区别 1、在 MyBatis 的映射配置文件中，动态传递参数有两种方式： （1）#{} 占位符 （2）${} 拼接符 2、#{} 和...
-
#2.6 map()# 第一个参数传入一个函数，，第二个参数为一个可迭代对象li_1 = (1,3,5,7)def funcA(x): return x*xm1 = map(funcA,li_1)print(type(m1))print(m1())# 2.6 reduce()# 第一个参数传入一个函数，第二个参数 可以迭...
-
列表，元组，字典的转换。 list列表是一组可变的元素集合 列表是'[]'括号组成的，[]括号包含所有元素，列表的创建可以传递字符串，也可以传递多个字符串来创建列表。如"asd", / "a","b" ... tuple元组的创建和列表一致，区别在于 元组是以'()'创建的，并且元组数据不可变。 dict字典不同于列表和元组，他...