1
기본적으로 템플릿을 채우기 위해 2 개의 입력 필드가있는 문자 카운터를 만듭니다. 문제는 필드 중 하나가 선택적이며, 선택되면 char 카운트에 추가되는 상용구 텍스트를가집니다. 그래서 가장 큰 문제는 두 입력 영역에서 문자열의 길이를 얻는 것입니다. 모델이 변경되면 렌더링 메서드가 실행되지 않습니다. 나는 그것이 왜에 있는지 꽤 혼란 스럽다.모델이 업데이트 될 때 렌더링 메서드가 실행되지 않음
var $scope;
var app = angular.module('miniapp', []);
function Ctrl($scope) {
$scope.form = {}
}
app.directive('charcount', function(){
return {
restrict: 'E',
require: 'ngModel',
link: function (scope, el, attrs, controller){
controller.$render = function(){
var data = controller.$modelValue
var codeLen = 0, descLen = 0;
if (data.code){
codeLen = data.code.length
}
if (data.desc){
descLen = data.desc.length
}
console.log(descLen, codeLen);
}
}
}
})
바이올린 : 나는 렌더링 $ 을 사용한 적이하지만 에서 textInput에 함수를 호출 countChange에게 텍스트의 길이를 계산하는 함수를 만드는 NG 변화를 사용 http://jsfiddle.net/dj6mX/481/