Question

我试图使用普通的JavaScript实现AngularJs的双向绑定功能。

我的假设是，$scope.name（ng-model="name"）相当于document.getElementById("name")

＆＃13;

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {   
});

＆＃13;

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="myCtrl">
    <input ng-model="firstname"> 
    Angular twoway => {{firstname}}
</div>

==============================================<br>

<input type="text" id="name" onkeyup="getName()">
Javascript twoway => <p id="twoway"></p>

<script>
function getName(){
	document.getElementById("twoway").innerHTML = document.getElementById("name").value;
}
</script>

</body>
</html>

＆＃13;

因为，AngularJS只使用模型和卷曲...

我可以使用相同的ID＆＃34;名称＆＃34;而不是另一个id＆＃34; twoway＆＃34; ？

或者其他任何最好的方法，请帮助我？

使用实际的JavaScript实现AngularJS的双向绑定

0 个答案: