ОШИБКА TypeError: Невозможно прочитать свойство 'name' из undefined - Использование 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 CODE

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>