ng视图中的ng重复失败

ng-repeat fails inside ng-view

本文关键字：ng 失败 视图      更新时间：2023-09-26

我有一个简单的应用程序，它使用ng视图，里面有ng repeat。一开始我在没有ng视图的情况下进行，效果很好。然后我转换到ng视图，ng重复失败。其他一切都奏效了，只是ng重复吐出了$var，而不是实际值。（更奇怪的是，如果我点击"菜单"链接，它会产生另一大块吐出的$var，而不是更改页面。）

这里的答案表明，我需要把项目放在$rootscope上，但无论我用哪种方式尝试，我似乎都无法让它工作。整个过程只是无声地失败了，所以我甚至没有错误消息可以继续。据我所知，这意味着$root scope正在被读取，但其他东西正在失败。我不知道是什么。

我在http://plnkr.co/edit/fuz6JELf1em7VHrY41u4倒数第二次尝试。我目前的尝试是尝试不同的变体，使用服务，但这也不起作用。

app.controller('VerbsController', [ '$rootScope', function( $rootScope ) {
    $rootscope.jverbs = [
        {id: 41, name:"Furu", vClass:"Class I", plainPreAffR :"furu", plainPreAffK:"ふる", vKanji1:"下る, 降る", vDef1:"to fall, descend", vType1:"v.i. ", vKanji2:"振る", vDef2:"to wave, shake, swing; throw (dice); reject, abandon", vType2:"v.t."  },
        {id: 42, name:"Futoru", vClass:"Class I", plainPreAffR :"futoru", plainPreAffK:"ふとる", vKanji1:"太る", vDef1:"to gain weight, become fat", vType1:"v.i."  },
        {id: 43, name:"Fuyasu", vClass:"Class I", plainPreAffR :"fuyasu", plainPreAffK:"ふやす",vKanji1:"増やす", vDef1:"to increase, augment", vType1:"v.t."  }
    ];
}]);
app.controller('MenuController', function($scope, $location) {
    $scope.olist = function() { $location.path('/list'); };
});
app.controller('ListController', function( $rootscope, $scope, $location) {
    $scope.omenu = function() { $location.path('/menu'); };
});

它一定是一些让我讨厌的小东西，我只是错过了。如果有人能帮我找到它，提前谢谢！

我分叉给你plunkr并试图解决这个问题。您的plunkr代码有很多问题，主要与使用的错误案例有关，并且路由路径指向不存在的partial文件夹。

但它认为主要问题是您的ListController定义不正确，导致模板呈现失败。

这就是它早期的样子（甚至有一种类型带有$rootScope）

app.controller('ListController', function( $rootscope, $scope, $location) {
    $scope.omenu = function() { $location.path('/menu'); };
});

这是的正确方式

app.controller('ListController', ['$rootScope', '$scope', '$location',function( $rootScope, $scope, $location) {
    $scope.omenu = function() { $location.path('/menu'); };
}]);

你可以在这里看到它的作用

http://plnkr.co/edit/Y4O5bgy6NH4MIH8A0xWI?p=preview

相关文章：