Javascript 未处理AngularJS表达式_Javascript_Html_Angularjs

Javascript 未处理AngularJS表达式

javascript html angularjs

Javascript 未处理AngularJS表达式,javascript,html,angularjs,Javascript,Html,Angularjs,当我尝试在浏览器上查看角度表达式时，我很难理解为什么角度表达式没有显示出来。我试图将ng repeat嵌入无序列表中，但html显示为： {{country.name}} {{city.name}} 这就是我所拥有的： <!doctype html> <html> <head> <script src="Scripts\angular.js"></script> <script src="Scripts\s

当我尝试在浏览器上查看角度表达式时，我很难理解为什么角度表达式没有显示出来。我试图将ng repeat嵌入无序列表中，但html显示为：

{{country.name}}

{{city.name}}

这就是我所拥有的：

<!doctype html>
<html>
  <head>
    <script src="Scripts\angular.js"></script>
    <script src="Scripts\script.js"></script>
  </head>
  <body ng-app="myModule" style="font-family:Arial">
    <div ng-controller="myController">
      <ul>
          <li ng-repeat="country in countries">
              {{country.name}}
                  <ul>
                    <li ng-repeat="city in country.cities">
                        {{city.name}}
                    </li>
                  </ul>
          </li>
      </ul>
    </div>
  </body>
</html>




var myApp = angular
                  .module("myModule", [])
                  .controller("myController", function($scope) {
                      var countries = [
                        {
                          name: "UK",
                          cities: [
                              { name: "London" },
                              { name: "Manchester" },
                              { name: "Portsmouth" }
                          ]
                        },
                        {
                          name: "USA",
                          cities: [
                              { name: "New York" },
                              { name: "Trenton" },
                              { name: "Philidelphia" }
                          ]
                        },
                        {
                          name: "Poland"
                          cities: [
                              { name: "Warsaw" },
                              { name: "Poznan" },
                              { name: "Lodz" }
                          ]
                         }
                      ];
                          $scope.countries = countries;
                      });




{{country.name}


{{city.name}




var myApp=角度
.module（“myModule”，[]）
.controller（“myController”，函数（$scope）{
var国家=[
{
名称：“英国”，
城市：[
{名称：“伦敦”}，
{名称：“曼彻斯特”}，
{名称：“朴茨茅斯”}
]
},
{
名称：“美国”，
城市：[
{名称：“纽约”}，
{名称：“特伦顿”}，
{name:“Philidelphia”}
]
},
{
姓名：“波兰”
城市：[
{名称：“华沙”}，
{名称：“波兹南”}，
{name:“Lodz”}
]
}
];
$scope.countries=国家；
});

波兰之后，您失踪了

 name: "Poland"

修好这个，一切都会好起来的

var myApp=angular.module（“myModule”，[]）.controller（“myController”，函数（$scope）{
var国家=[{
名称：“英国”，
城市：[{
姓名：“伦敦”
}, {
姓名：“曼彻斯特”
}, {
姓名：“朴茨茅斯”
}]
}, {
名称：“美国”，
城市：[{
姓名：“纽约”
}, {
姓名：“特伦顿”
}, {
姓名：“费城”
}]
}, {
姓名：“波兰”，
城市：[{
名称：“华沙”
}, {
名称：“波兹南”
}, {
姓名：“洛兹”
}]
}];
$scope.countries=国家；
});



{{country.name}


{{city.name}




并检查是否有任何错误消息。