Question

我对编程非常陌生，整天都在为这个问题而苦苦挣扎。

我试图根据变量'buttons.buttonState'的结果为0或1来显示一些文本。当我在ngif之外使用{{buttons.buttonState}}时，它返回结果，因此我知道它实际上包含变量。

<script>
    var fetch = angular.module('myapp', []);

    fetch.controller('userCtrl', ['$scope', '$http', function ($scope, $http) {
        $http({
        method: 'get',
        url: 'dbqueries/startbuttonquery.php'
        }).then(function(response) {
        // Store response data
        $scope.buttons= response.data[0];
        console.log($scope.buttons)
        });
    }]);

</script>

<body ng-app='myapp'>
<div ng-controller="userCtrl">
        <div>{{buttons.buttonState}} this returns the value '1'</div>
        <div *ngif="buttons.buttonState==='1'">on</div>

        <div *ngif="buttons.buttonState==='0'">off</div>
</div>
</body>

任何帮助将不胜感激！

Answer 1

我认为您使用的是角度1，应该将* ngIf更改为ng-if。

<body ng-app='myapp'>
<div ng-controller="userCtrl">
        <div>{{buttons.buttonState}} this returns the value '1'</div>
        <div ng-if="buttons.buttonState==='1'">on</div>

        <div ng-if="buttons.buttonState==='0'">off</div>
</div>
</body>

Answer 2

在angularjs中，*ngif用作ng-if

<div ng-if="buttons.buttonState==='1'">on</div>

<div ng-if="buttons.buttonState==='0'">off</div>

Answer 3

使用angularjs语法应为ng-if，将* ngIf替换为ng-if

<div ng-if="buttons.buttonState==='1'">on</div>

ngif无法与$ scope可变角度一起使用

3 个答案: