阿哥论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 462|回复: 0

[AngularJS] Debug Directive, terminal, priority

[复制链接]

2011

主题

1

好友

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

优秀会员 助人为乐 辛勤工作 技术精英 多才多艺 优秀班竹 灌水天才 星球管理 宣传大使 灌水之王 财富勋章 版主勋章 动漫勋章 勤奋会员 论坛精英 PS高手 心 8 闪游皮肤 双鱼座 8★8➹ 志愿者 乖

发表于 2015-5-28 18:17:20 |显示全部楼层
When you want to show both the data and the struatrue:

You can create a debug directive:
  terminal: true --- This means other somthings will be stops.
  priority: xxxx ---- This means the directive should be runned first.
[url=][/url]
egghead.directive("debug", function ($compile) {    return {        terminal: true,        priority: 1000000,        link: function (scope, element) {            var clone = element.clone();            element.attr("style", "color:red");            element.removeClass("well").addClass("panel panel-danger");            clone.removeAttr("debug");            var clonedElement = $compile(clone)(scope);            element.after(clonedElement);        }    }})[url=][/url]


----------------------------
[url=][/url]
/** * Created by Answer1215 on 9/14/2014. */var egghead = angular.module("egghead", []);egghead.controller("appCtrl", function () {    var app = this;    app.people = [{"firstName":"Sonia","lastName":"Hodges"},{"firstName":"Benedict","lastName":"Morrow"},{"firstName":"Keegan","lastName":"Fields"},{"firstName":"Jade","lastName":"Martinez"},{"firstName":"Jaquelyn","lastName":"Suarez"},{"firstName":"Leo","lastName":"Hughes"},{"firstName":"Skyler","lastName":"Sharp"},{"firstName":"Genevieve","lastName":"Villarreal"},{"firstName":"Beau","lastName":"Hendrix"},{"firstName":"Lara","lastName":"Howard"},{"firstName":"Jonah","lastName":"CraWFord"},{"firstName":"Kendall","lastName":"Lane"},{"firstName":"Kimberly","lastName":"Mcclain"},{"firstName":"Ingrid","lastName":"Salinas"},{"firstName":"Moses","lastName":"Mcpherson"},{"firstName":"Britanney","lastName":"Sweeney"},{"firstName":"Patricia","lastName":"Perez"},{"firstName":"Roth","lastName":"Heath"},{"firstName":"Nora","lastName":"Osborne"},{"firstName":"Giacomo","lastName":"Shepard"}]});egghead.directive("debug", function ($compile) {    return {        terminal: true,        priority: 1000000,        link: function (scope, element) {            var clone = element.clone();            element.attr("style", "color:red");            element.removeClass("well").addClass("panel panel-danger");            clone.removeAttr("debug");            var clonedElement = $compile(clone)(scope);            element.after(clonedElement);        }    }})[url=][/url]


[url=][/url]
<!DOCTYPE html><html><head>    <title>Egghead.io</title>    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/Css/bootstrap.min.css"/></head><body ng-app="egghead" ng-controller="AppCtrl as app"><div class="well-large" debug>    {{2 + 2}}</div><ul class="well" debug>    <li ng-repeat="person in app.people">        {{person.lastName}}, {{person.firstName}}    </li></ul><script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.10/angular.min.js"></script><script src="app.js"></script></body></html>[url=]
http://www.cnblogs.com/Answer1215/p/3972046.html[/url]

该会员没有填写今日想说内容.
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

回顶部