2017-02-16 12 views
1

私のHTMLは次のようになります。角度ブートストラップ-uiラジオボタンのngモデルのプロパティを変更するにはどうすればよいですか?

<div class="btn-group"> 
     <label class="btn btn-primary" ng-model="radioModel" uib-btn-radio="'Topics'" ng-click="buttonClick('Topics');">Topics</label> 
     <label class="btn btn-primary" ng-model="radioModel" uib-btn-radio="'People'" ng-click="buttonClick('Person');">People</label> 
     <label class="btn btn-primary" ng-model="radioModel" uib-btn-radio="'Companies'" ng-click="buttonClick('Company');">Companies</label> 
     <label class="btn btn-primary" ng-model="radioModel" uib-btn-radio="'Organizations'" ng-click="buttonClick('Organization');">Organizations</label> 
</div> 

私は私がそれらをクリックすると、これらのボタンの値を印刷しようとしています。 ng-click機能の下で、私は次の文に置く:

console.log($scope.radioModel); 

をしかし、コンソールがundefined言います。 buttonClickを以下に示します。

$scope.buttonClick = function (index) { 
    if (index == "Topics") { 
     $scope.update_cloud_keywords(); 
     console.log($scope.radioModel); 

    } 
    else if (index == "Person") { 
     $scope.update_cloud_entities("Person"); 
     console.log($scope.radioModel); 
    } 
    else if (index == "Company") { 
     $scope.update_cloud_entities("Company"); 
     console.log($scope.radioModel); 
    } 
    else if (index == "Organization") { 
     $scope.update_cloud_entities("Organization"); 
     console.log($scope.radioModel); 
    } 
    else 
     console.log("error"); 
}; 

私が読んで、ブートストラップ-UIボタンの値を変更できますか?ドキュメントへ

参考: https://angular-ui.github.io/bootstrap/

+0

'buttonClick()'関数をすべて追加できますか? – Korte

+0

@Korte added :) –

+0

'$ scope.update_cloud_entities'に' $ scope.radioModel'が関与していますか? – Korte

答えて

0

あなたがangularjsを使用する場合は、$log代わりのスタンダールconsole.logを使用する必要があります。

たとえば、$log.debug($scope.radioModel);です。

そしてコントローラに$logサービスを注入することを忘れないでください!

+1

なぜ$ logサービスを使用する必要がありますか?私はそれが解決策ではないと思う。 –

関連する問題