如何更改angular bootstrap-ui单选按钮的ng-model的属性?

时间:2017-02-16 20:37:37

标签: javascript angularjs angular-ui-bootstrap

我的HTML看起来像这样:

<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");
};

如何读取和更改bootstrap-ui按钮的值?

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

1 个答案:

答案 0 :(得分:0)

如果您使用angularjs,则需要使用$log代替标准console.log

例如:$log.debug($scope.radioModel);

不要忘记在控制器中注入$log服务!