错误TypeError：无法读取未定义的属性'名称'-使用angularjs

Question

我正在尝试让ng-repeat重复主题列表，但出现此错误。

错误

> TableUsersComponent.html:23 ERROR TypeError: Cannot read property
> 'name' of undefined
>     at Object.eval [as updateRenderer] (TableUsersComponent.html:23)
>     at Object.debugUpdateRenderer [as updateRenderer] (core.js:11080)
>     at checkAndUpdateView (core.js:10456)
>     at callViewAction (core.js:10692)
>     at execComponentViewsAction (core.js:10634)
>     at checkAndUpdateView (core.js:10457)
>     at callViewAction (core.js:10692)
>     at execComponentViewsAction (core.js:10634)
>     at checkAndUpdateView (core.js:10457)
>     at callWithDebugContext (core.js:11344)

HTML代码

<div ng-app="DemoApp" ng-controller="DemoController" class="ng-scope ng-binding">
<h1>Topics</h1>
<ul><li ng-repeat="tpname in TopicNames track by $index">
    {{tpname.name}}
    </li></ul>
</div>

JS代码

var app = angular.module('DemoApp',[]);
  app.controller('DemoController', function($scope){
    $scope.model = {};
  $scope.TopicNames =[
    {name: "What controller do from Angular's perspective"},
    {name: "Controller Methods"},
    {name: "Building a basic controller"}]; 
    });

Answer 1

我已经在代码段中尝试过您的代码，并且工作正常。 通过与您的代码段和本代码段代码进行比较，请在找不到任何内容的地方找到它。

 var app = angular.module('DemoApp',[]); app.controller('DemoController', function($scope){ $scope.model = {}; $scope.TopicNames =[ {name: "What controller do from Angular's perspective"}, {name: "Controller Methods"}, {name: "Building a basic controller"}]; }); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script> <div ng-app="DemoApp" ng-controller="DemoController" class="ng-scope ng-binding"> <h1>Topics</h1> <ul><li ng-repeat="tpname in TopicNames track by $index"> {{tpname.name}} </li></ul> </div>