Question

我正在开发Angular JS应用程序，我想创建一个如下所示的选项。

<select class="form-control" ng-model="rc.status" ng-init="rc.status=1">
    <option value="1" selected="selected">Active</option>
    <option value="0" selected="">Inactive</option>
</select>

我想在ng-model rc.status变为1时激活，在0时激活。

如果不进行ng-repeat，我该怎么做呢。

因为我从laravel生成此视图并使用Angular js绑定html

Answer 1

以下是根据rc.status

选择下拉值的示例

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="">
  <select class="form-control" ng-model="rc.status" ng-init="rc.status=1">
    <option value="--Select--">--Select--</option>
    <option value="1">Active</option>
    <option value="0">Inactive</option>
  </select>
  <br><br>
  <div>Status : {{rc.status}}</div>
</div>

Answer 2

这可能有助于改变选择。

<select class="form-control" ng-model="rc.status" ng-init="rc.status=1">
    <option value="1" ng-selected="rc.status == 1">Active</option>
    <option value="0" ng-selected="rc.status == 0">Inactive</option>
</select>

Answer 3

尝试使用控制器来执行此操作：

例如：

OneCtrl在{1}处初始化status并观看它们以更改选择项

app.controller('OneCtrl', function($scope) {

    $scope.status = 1;

    $scope.$watch('status', function () {
        if($scope.status == 1){
            $scope.statusSelected= '0';
        }if($scope.status == 2){
            $scope.statusSelected= '1';
        }
    });
    // Change status value
    $scope.status1 = function () {
        $scope.status = 1;
    }
    $scope.status2 = function () {
        $scope.status = 2;
    }

});

观点：

<select name="" ng-model="statusSelected">
    <option value="0">Active</option>
    <option value="1">Inactive</option>
</select> <br>

<button ng-click="status1()">Status 1</button>
<button ng-click="status2()">Status 2</button>

希望有所帮助。

ng-if在选择选项中选择标记

3 个答案: