コントローラで定義されていないNg-bind

Question

私はAngularJSでMVCプロジェクトを持っています。私のコントローラでは、$scope.userRoleに、ユーザが管理者の場合はAdminという文字列を表示したいと考えています。私はng-bindでこれを解決しようとしたが、それは私のif-statement

@if (User.IsInRole("Admin") 
{ 
    <div ng-Controller="ctrl" ng-bind="data.admin" > 
     @Html.Partial("AdminPartial") 
    </div 
} 

そして、私のAngularJSで$scope.data.adminためundefinedを返します。

$scope.userRole = ""; 
$scope.data = {}; 
if ($scope.data.admin != null && $scope.data.admin != "") { 
    $scope.userRole = "Admin"; 
} else { 
    $scope.userRole = "User"; 
} 

$scope.data.adminは未定義であり、私は理由を知りません。私はAngularJSにはかなり新しいことを付け加えてください。

Answer 1

ng-modelをdivにバインドすることはできません。基本的にselect、inputと結合し、textareaあなたは可能ではないのdivにng-modelを使用しているngModel

Answer 2

ngModelを使用してください。双方向バインディングを使用する場合は、inputまたはtextareaまたはcheckboxなどのユーザーが対話できる場所を使用する必要があります。あなたのケースでは

、あなたが{{variable}}またはng-bind

@if (User.IsInRole("Admin") 
{ 
    <div ng-Controller="ctrl" ng-bind="data.admin" > 
     @Html.Partial("AdminPartial") 
    </div 
} 

を使用する必要があります（のみ変数の値を表示）あなたは、一方向結合を探しているようだか、divを表示したいですユーザーが管理者である..ですあなたはng-if

@if (User.IsInRole("Admin") 
{ 
    <div ng-Controller="ctrl" ng-if="data.admin" > 
     @Html.Partial("AdminPartial") 
    </div 
} 

Answer 3

を見ることができますng-bind代わり

<div ng-Controller="ctrl" ng-bind="data.admin" ></div>