zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    css的选择器
    javaScript 的变量使用
    关于外键约束
    javaScript中运算符
    css介绍和三种引入方式
    关于盒子模型
    类和类的六种关系
    DQL和DML更多操作
    javaScript的特点
    关于 让页面中的按钮 响应回车
  • 原文地址:https://www.cnblogs.com/xudy/p/6061967.html
Copyright © 2011-2022 走看看