Angularjs,为ng-show获取离子单选按钮值?

时间:2016-08-01 13:47:59

标签: angularjs ionic-framework radio-button angularjs-ng-show

我正在使用离子框架,我遇到了问题。 当按下相关按钮时,我必须显示一些视图(在这种情况下只是标签" WIFI"和#34; LAN")。

<ion-content ...>
<ion-radio ng-repeat="item in reti" ng-value="item.value" ng-click="networkChange(item)">
   {{item.text}}
</ion-radio>

<ion-item ng-show="item.value == 'wifi'">WI-FI</ion-item> 
<ion-item ng-show="item.value == 'lan'">LAN</ion-item>

我的.js文件

.controller('connessioneCtrl', function($scope) {
$scope.reti = [
    { text: "Wi-Fi", value: "wifi" },
    { text: "Lan", value: "lan" }
];

$scope.data = {
    data: "wifi"
};

$scope.networkChange = function (item) {
    console.log("Selected network: ", item.value);
    };
};

我的问题是ng-show,可能是item.value已通过,它无法正常工作(未显示WI-FI或LAN。有任何建议吗?感谢您的帮助

1 个答案:

答案 0 :(得分:0)

我建议如下:

<ion-item ng-show="data == 'wifi'">WI-FI</ion-item> 
<ion-item ng-show="data == 'lan'">LAN</ion-item>

$scope.data = "";
$scope.networkChange = function (item) {
    console.log("Selected network: ", item.value);
    $scope.data = item.value;
};