Javascript ng重复工作不正常_Javascript_Html_Angularjs

Javascript ng重复工作不正常

javascript html angularjs

Javascript ng重复工作不正常,javascript,html,angularjs,Javascript,Html,Angularjs,大家好，我正在运行这个简单的HTML，Angle代码，我无法在我的HTML中获得电影标题和url显示…但是$scope.test是displayinmg…帮助！！ angular.module（'clientApp'） .controller（'MoviesCtrl'，函数（$scope）{ $scope.test=“tester”； $scope.movies=[ { 标题：“绿卡”， url:“https://www.youtube.com/watch?v=_i8C9gO91ts" }, {

大家好，我正在运行这个简单的HTML，Angle代码，我无法在我的HTML中获得电影标题和url显示…但是$scope.test是displayinmg…帮助！！

angular.module（'clientApp'）
.controller（'MoviesCtrl'，函数（$scope）{
$scope.test=“tester”；
$scope.movies=[
{
标题：“绿卡”，
url:“https://www.youtube.com/watch?v=_i8C9gO91ts"
},
{
标题：“Fidelawitፊደላዊት",
url:“https://www.youtube.com/watch?v=B4u4A7CF3N0"
},
{
标题：“赫兰ሔራን",
url:“https://www.youtube.com/watch?v=_TlRGhOdLJ0"
},
{
标题：“莱拉黑手党ሌላ ማፊያ",
url:“https://www.youtube.com/watch?v=_i8C9gO91ts"
}
];
})；


标题
统一资源定位地址
{{movie.title}
{{movie.url}

添加

AngularJS

，如果它是您使用模块的第一个位置，则需要使用空括号定义它

angular.module（'clientApp'，[]）

angular.module（'clientApp'，[]）
.controller（'MoviesCtrl'，函数（$scope）{
$scope.test=“tester”；
$scope.movies=[
{
标题：“绿卡”，
url:“https://www.youtube.com/watch?v=_i8C9gO91ts"
},
{
标题：“Fidelawitፊደላዊት",
url:“https://www.youtube.com/watch?v=B4u4A7CF3N0"
},
{
标题：“赫兰ሔራን",
url:“https://www.youtube.com/watch?v=_TlRGhOdLJ0"
},
{
标题：“莱拉黑手党ሌላ ማፊያ",
url:“https://www.youtube.com/watch?v=_i8C9gO91ts"
}
];
})；


标题
统一资源定位地址
{{movie.title}
{{movie.url}

您可能忘记加载angular.js。因此，只需将此文件添加到所有脚本文件的上面

<script src="angular.min.js"></script>

Html文件

<script src="angular.min.js"></script>
<div ng-app='clientApp' ng-controller='MoviesCtrl'>
  <table class="table table-striped">
  <thead>
  <th>Title</th>
  <th>URL</th>
  </thead>
    <tbody>
      <tr ng-repeat="(key, movie) in movies">
        <td>{{ movie.title }}</td>
        <td>{{ movie.url }}</td>
      </tr>
    </tbody>
</table>
</div>


标题
统一资源定位地址
{{movie.title}
{{movie.url}

问题似乎不大。我只做了两件事

添加到主体以初始化角度应用程序B

来了

angular.module（'clientApp'，[]）
.controller（'MoviesCtrl'，函数（$scope）{
$scope.test=“tester”；
$scope.movies=[
{
标题：“绿卡”，
url:“https://www.youtube.com/watch?v=_i8C9gO91ts"
},
{
标题：“Fidelawitፊደላዊት",
url:“https://www.youtube.com/watch?v=B4u4A7CF3N0"
},
{
标题：“赫兰ሔራን",
url:“https://www.youtube.com/watch?v=_TlRGhOdLJ0"
},
{
标题：“莱拉黑手党ሌላ ማፊያ",
url:“https://www.youtube.com/watch?v=_i8C9gO91ts"
}
];
})；


标题
统一资源定位地址
{{movie.title}
{{movie.url}

奇怪，因为它在这把小提琴上工作：

<script src="angular.min.js"></script>
<div ng-app='clientApp' ng-controller='MoviesCtrl'>
  <table class="table table-striped">
  <thead>
  <th>Title</th>
  <th>URL</th>
  </thead>
    <tbody>
      <tr ng-repeat="(key, movie) in movies">
        <td>{{ movie.title }}</td>
        <td>{{ movie.url }}</td>
      </tr>
    </tbody>
</table>
</div>

<body ng-app='clientApp'>

<table class="table table-striped" ng-controller="MoviesCtrl">

angular.module('clientApp', [])