角UI：爲標籤備用控制器語法

Question

我想補充angular-ui bootstrap tabs到一個簡單的應用程序，和我有不同版本的控制器定義故障/範圍（我認爲）

var app = angular.module('plunker', ['ui.bootstrap']); 

// works as intended 
var TabsDemoCtrl = function ($scope) { 
    $scope.tabs = [ 
    { title:'Dynamic Title 1', content:'Dynamic content 1' }, 
    { title:'Dynamic Title 2', content:'Dynamic content 2', disabled: true } 
    ]; 

    $scope.alertMe = function() { 
    setTimeout(function() { 
     alert('You\'ve selected the alert tab!'); 
    }); 
    }; 
}; 

// tabs are selectable, but blank 
app.controller('ModifiedCtrl', function() { 
    this.tabs = [ 
    { title:'Dynamic Title 1', content:'Dynamic content 1' }, 
    { title:'Dynamic Title 2', content:'Dynamic content 2' } 
    ]; 
    this.test = 'inital test content'; 
}); 

這是我的在文檔中的plunkr的叉子： http://plnkr.co/edit/UekWz89tCzZnRSBnV2cs?p=preview

我搞砸了，但我顯然想念一些東西......任何建議？ TIA

這SO職位是有益的，但我還沒有得到它尚未工作... Alternative syntax for angular.module.controller

Answer 1

的問題是在您的標記。

你在做ng-controller="ModifiedCtrl as tabs"然後ng-repeat="tab in tabs。所以，tabs實際上是你的控制器。你想ng-repeat="tab in tabs.tabs"它工作。