离子单选按钮

Question

我似乎无法让它工作。

这是我的 HTML。

<input type="radio" ng-value="0" checked="{{value0}}"/>
    <label>Standard</label>

    <br>

<input type="radio" ng-value="1" checked="{{value1}}"/>
        <label>Hidden</label>

这是我的 js。我所做的是调用端点。如果返回 0，则应检查标准。如果它返回 1，则应检查隐藏。

$http.get(www.website.com, {"headers": {authorization: strToken}}).success (function(response)
    { 

        console.log (angular.toJson (response))


        if (response==0)
        {
            $scope.value0=true
            console.log ('value is 0')

        }
        else if (response==1)
        {
            $scope.value1=true
            $scope.value0=false
            console.log ('value is 1')

        }


})

Answer 1

请在 JS 中执行以下操作：

$http.get(www.website.com, {"headers": {authorization: strToken}}).success (function(response)
    { 
        $scope.app= {}; //Blank object to interact with DOM
        $scope.app.value0 = false;
        $scope.app.value1 = false;
        console.log (angular.toJson (response))


        if (response==0)
        {
            $scope.app.value1=false;
            $scope.app.value0=true; //put your value in object which we created
            console.log ('value is 0')

        }
        else if (response==1)
        {
            $scope.app.value1=true; //put your value in object which we created
            $scope.app.value0=false; //put your value in object which we created
            console.log ('value is 1')

        }


})

在您的 HTML 中：

<input type="radio" ng-value="0" checked="{{app.value0}}"/>
    <label>Standard</label>

    <br>

<input type="radio" ng-value="1" checked="{{app.value1}}"/>
        <label>Hidden</label>

或者你也可以这样使用，不用括号：

<input type="radio" ng-value="0" checked="app.value0"/>
    <label>Standard</label>

    <br>

<input type="radio" ng-value="1" checked="app.value1"/>
        <label>Hidden</label>

希望对你有所帮助。