angular class directive

Angular Directive scope1. When the scope attribute is not specified in directive, the directive directly uses the scope of the app;2. When you specify the scope attribute in directive, there are 3 ways to scope scope:2.1. =: Represents the data bidirectional binding, as long

code will become$parent.$parent.$parent.$parent, 这是不是很糟糕?First we use this instead of $scope:function Controllerone () { This.foo = ' Pascal ';} function Controllertwo () { This.foo = ' Christoph ';}Next, we modify the Ngcontroller directive, using the Controlleras syntax:When using a controller, we can use Controlleras. For example, in angular $routeprovider we can also use Controlleras.$routeProvider.

with a hodgepodge of examples. The effect I want to achieve is to specify, in the main instruction, the increment and decrease actions in the parent instruction, respectively.JS Code:Instructions to increase the operation:. directive ("Add", function () {return{ restrict: ' ECMA ', controller:function ($scope) { $scope .count=0; this.addcount=function () { $scope. $apply ( function () { $scope .count++; }) }} }})Instructions to reduce the operati

object, and scope inherits the parent scope object thereby creating a new action object that can access methods and properties in the parent class$scope. determine = function (obj) {scope. OK (obj); Run the parent controller method$modalConfirmInstance. Close (true); };$scope. Cancel = function () {$modalConfirmInstance. Dismiss (' Cancel '); }; }],size: ' MD ' });

Problem:Angular's directive supports two ways to specify templates using template and TemplateurlTemplate method needs to put the HTML content in JS, although there are es6 string can be wrapped, less editor on the HTML of the smart complement is not very uncomfortableTemplateurl is a friendly way for a purely static managed angular projectIf the page is returned by the back-end server, the page will not be

Angular custom directives, meaning we can define the instructions by angula ourselves, to achieve our special requirements, do whatever, a Pierce arrow, a mighty force to meetHow many years of the old ritual, first look at the code:123456789Ten One A - - the - inAs above, we can render the page through custom directives, of course, custom instructions can also be added to the controller, the controller scope as the parent scope, as follows:123456789Te

, there is a situation ↓JS Code:. directive ("direct", function () {return{ restrict: ' ECMA ', template: ' HTML code:In this example, the show function is triggered by Ng-click in the template and an object called model is passed in as the name parameter, whereas in HTML we set the property value of Show to ShowName (name). The truth of this is similar to the example of no argument.The binding strategy for,@,=, is probably the way it is. What needs

"Instructions are defined as instructions for reuse!" ”Instructions must be used in different controllers, in order to use it in different controllers, we must give the specified configuration item an instruction. This allows you to interact with the outside controller.Examples are as follows:Html: "myctrl"> howtoload="loaddata () "> Sliding load "MyCtrl2 "> howtoload="loadData2 ()"> Sliding load 2Js:varApp = Angular.module ('MyModule', []); App.controller ('Myctrl', ['$scope'