【问题标题】:Angularjs, get ionic radio button value for ng-show?Angularjs,获取 ng-show 的离子单选按钮值?
【发布时间】:2016-12-06 15:14:34
【问题描述】:

我正在使用 ionic 框架,但遇到了一个问题。 当按下相关按钮时,我必须显示一些视图(在这种情况下只是标签“WIFI”和“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。有什么建议吗?感谢帮助

【问题讨论】:

  • 你的函数 networkChange 实际上并没有将值赋给某个​​东西

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


【解决方案1】:

我建议如下:

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

【讨论】:

  • 已解决,在 .js 文件中我更改 $scope.data={ data: "wifi" };在 $scope.data={network: "" };之后在 我定义了一个 ng-model="data.network" 然后在 ng-show="data.network == 'wifi'" 和 ng-show="data.network == '兰' "
  • 就是我说的,变量只是有点不同
猜你喜欢
  • 2015-06-27
  • 1970-01-01
  • 2017-01-06
  • 2022-11-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多