Home > Developer > Web Develop
A simple AngularJs example is as follows:
<!DOCTYPE HTML><HTMLNg-app><Head><Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8" /><Scriptsrc= "Angular.min.js"></Script></Head><Body><DivNg-controller= "Firstcontroller"><P><inputtype= "text"Ng-model= "Name" /><P><P>{{Name}}</P></Div><Script>functionFirstcontroller ($scope) {$scope. Name= "Suliang";}</Script></Body></HTML>
The above is one of the most typical angularJs MVC Architecture Example model layers that can controller modify the model data content in a layer through a layer, and model the results of the data modification will be directly fed back to the view layer.
angularJsYou can use the angular.module method to set up the module, the above example uses a modular rewrite as follows:
<!DOCTYPE HTML><HTMLNg-app= "MYAPP"><Head><Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8" /><Scriptsrc= "Angular.min.js"></Script></Head><Body><DivNg-controller= "Firstcontroller"><P><inputtype= "text"Ng-model= "Name" /><P><P>{{Name}}</P></Div><Script>varM1=Angular.module ("myApp",[]); //Defining ModulesM1.controller ("Firstcontroller",function($scope) {//Defining the Controller$scope. Name= "Suliang";})</Script></Body></HTML>
Using the above method can encapsulate a module, but on-line resource compression will be $scope replaced, $scope is dependent on the injected variable, the name can not be modified, so we can create the controller when the following:
M1.controller ("Firstcontroller", ["$scope",function($scope) { = "Suliang";}])Modularity in the Angularjs
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
