컨트롤러에 범위 변수가 정의되어 있는데 처음에는 범위 변수의 값이 비어 있습니다.
ng-model을 입력 필드에 바인딩하고 값이 입력 필드에 입력되면 표시해야하는 범위에 ng-show를 추가했습니다.
입력 필드에 값을 입력했을 때 범위가 표시되지 않습니다.
암호:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example - example-ng-form-production</title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-animate.js"></script>
<script type="text/javascript">
angular.element(document.getElementsByTagName('head')).append(angular.element('<base href="' + window.location.pathname + '" />'));
</script>
</head>
<body ng-app="formExample">
<script>
angular.module('formExample', [])
.controller('FormController', ['$scope', function($scope) {
$scope.userType = '';
}]);
</script>
<form name="myForm" ng-controller="FormController" class="my-form">
userType: <input name="input" ng-model="userType">
<span ng-show="myForm.input.length>0">show me!</span><br>
</form>
</body>
</html>
다음은 데모 링크입니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다