帶有條件語句的ng-init

Question

我有一個Angular JS應用程序，

<div class="col-lg-12" ng-init="getTableData('{{URL::route('get_repair_category')}}')">

當頁面加載時，getTableData將執行，但我想檢查變量$ rootScope.Dealer並切換初始化的函數名稱。

例如：如果$ rootScope.Dealer值存在，我想執行名為getDealerData的函數

如果未設置該值，則需要執行getTableData函數。

我怎么能在anglar js模板中做到這一點。

我剛嘗試了ng-if，但它不起作用......

Answer 1

您可以在ng-init指令中使用簡單的Javascript語法，如下所示：

<div class="col-lg-12" ng-init="Dealer ? getDealerData('{{URL::route('get_repair_category')}}') : getTableData('{{URL::route('get_repair_category')}}')">

這里有一個plnkr（我已將后端路由生成更改為文本）： https ：//plnkr.co/edit/CJOMT0g50BCWa3j02rcS？p = preview

Answer 2

嘗試這個

 var app = angular.module("myApp", []); app.controller("myCtrl", function($scope, $rootScope) { $rootScope.dealer = ["a", "b", "c"]; $scope.getTableData = function(x) { return x; } $scope.getDelearData = function() { return $rootScope.dealer; } }) 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="myApp" ng-controller="myCtrl"> <div ng-init="data = getDelearData() || getTableData('table data')"> {{data}} </div> </div>