Angular 에서 ng-bind 와 ng-model 의 차이 인 스 턴 스 상세 설명
AngularJS 의 데이터 바 인 딩 은 ng-bind 와 ng-model 이 있 습 니 다.일반적으로 다음 과 같 습 니 다.
ng-bind 는 단 방향 바 인 딩 으로$scope 에서 view 층 까지 작용 하 며 HTML 컨트롤(HTML 컨트롤:input,select,button,textarea)에 서 는 표시 할 수 없습니다.
ng-model 은 양 방향 연결,$scope<--->view 층 입 니 다.
{{}}데 이 터 를 표시 하 는 데 사 용 됩 니 다.
전체 코드
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<style>
div textarea{
background-color:yellow;
}
</style>
<script src="https://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="myNoteApp">
<div class="aa" ng-controller="myNoteCtrl">
<h2> </h2>
<p>
<textarea ng-model="message" rows="10" cols="20" maxlength="100">
</textarea>
</p>
<p>
<button ng-click="save()"> </button>
<button ng-click="clear()"> </button>
</p>
<p>Number of characters left: <span ng-bind="left()"></span></p>
<p>Number of characters left(method2): <span>{{leftvar}}</span></p>
</div>
<script>
var app = angular.module("myNoteApp",[]);
app.controller("myNoteCtrl",function($scope){
$scope.message = "";
$scope.leftvar = 0;
$scope.left = function() {$scope.leftvar = 100 - $scope.message.length;return $scope.leftvar;};
$scope.clear = function() {$scope.message = "";};
$scope.save = function() {alert("Note Saved");};
});
</script>
</body>
</html>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
연말이므로 웹 앱을 만들었습니다.minmax 패널을 번갈아 가서 총 득점을 겨루는 게임이다. 선수는 좋아하는 위치에서 시작된다. 후손은 선수가 선택한 위치를 포함한 세로 일렬 중에서 패널을 선택한다. 다시 선수는 후손이 선택한 패널을 포함한 가로 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
