动态绑定ng-model

来源：互联网发布：软件企业所得税编辑：程序博客网时间：2024/05/16 10:47

动态绑定ng-model

思路：由于Angular内置了Jqlite,所以我们可以通过Jqlite的attr()方法为页面元素增加ng-model属性，并设置对应的值。

代码示例

<!DOCTYPE html>    <html lang="en">    <head>    <meta charset="UTF-8">    <title>Document</title>    <script    src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body ng-app="myApp">    <div ng-controller="myCtrl">        <input type="button" value="绑定model" ng-click="bind()">        <input type="text" id="me">        <p>{{name}}</p>    </div></body><script>    var app = angular.module('myApp', []);    app.controller('myCtrl', function ($scope, $compile) {        $scope.name = "Volvo";        $scope.bind = function () {            angular.element(document.getElementById("me")).attr("ng-model", "name");            $compile(angular.element(document.getElementById("me")))($scope);        }    });</script></html>

阅读全文

0 0