angular.js ngbind nghtml ngTemplate
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body ng-app="app"> <div ng-controller="exampleController"> name:<input type="text" ng-model="name" /><br /> <div ng-bind="name"></div> <p ng-bind-html="myHTML"></p> </div> <script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script> <script src="js/angular-sanitize.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> var app = angular.module('app' , ['ngSanitize']); app.controller('exampleController' , ['$scope' , function($scope){ $scope.name = "xudy"; $scope.myHTML = "<h1>aaaaaaaaaaaaaaaaaaaaaaa</h1>"; }]); </script> </body> </html>
ngTempate
<!DOCTYPE html> <html ng-app="app"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div ng-controller="test"> name: <input type="text" ng-model="name" /><br /> name2: <input type="text" ng-model="name2" /><br /> <pre ng-bind-template="{{name}} {{name2}}"></pre> </div> <script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> var app = angular.module('app' , []); app.controller('test' , ['$scope' , function($scope){ }]); </script> </body> </html>