Scope 및 Ionicons에서 ngClass를 사용하는 방법

Question

AngularJS를 사용하여 웹 사이트를 구축하여 실시간 미리보기에서 양식 데이터를 표시합니다. 이 미리보기에는 이오 니콘이 포함되어 있으며 ng-class를 사용하여 사용자가 입력 한 내용에 따라 아이콘을 기본값에서 동적으로 변경하려고합니다.

<!-- Call Icon Input Field --> 
<input type="text" class="form-control" ng-model="$parent.callIcon"> 

// Call Icon Default Value 
$scope.callIcon = "ion-ios-telephone"; 

<!-- Call Icon in Previewer --> 
<span ng-class="'previewerCardButtonIcons icon {{$parent.callIcon}}'"></span> Give a Call 

지금 바로 아이콘이 미리보기에 표시되지만 양식의 아이콘을 변경할 때 아무런 변화가 없습니다. 양식 입력을 변경하면 범위 변수가 변경되지만 미리보기는 전혀 변경되지 않습니다. 어떤 도움이라도 좋을 것입니다.

Answer 1

(보간)을 ng-class 지시문에 사용할 필요는 없습니다. ng-class과 혼자 있습니다. 난 아무데도 응용 프로그램에서 $parent 주석을 사용하는 것이 좋습니다 않을 것이다하지만 컨트롤러 &를 선언하면서

<span class="previewerCardButtonIcons icon" ng-class="$parent.callIcon"></span> Give a Call 

, 대신 내가보기 바인딩하기 위해 별칭을 사용하여 사용 Dot Rule또는controllerAs 패턴을 말할 것입니다.