Javascript 角度传感器中的控制器创建问题_Javascript_Angularjs_Controller

Javascript 角度传感器中的控制器创建问题

javascript angularjs

Javascript 角度传感器中的控制器创建问题,javascript,angularjs,controller,Javascript,Angularjs,Controller,我正在学习AngularJS，有时遇到了一个问题。我正试图显示保存在控制器中的姓名/城市列表，但它没有显示在我的浏览器中。早些时候，我直接做了这件事（没有使用data ng init的控制器），它是可见的。有人能帮忙吗 <html data-ng-app=""> <head> <title> Using AngularJS and etc</title> </head> <body data-ng-c

我正在学习AngularJS，有时遇到了一个问题。我正试图显示保存在控制器中的姓名/城市列表，但它没有显示在我的浏览器中。早些时候，我直接做了这件事（没有使用data ng init的控制器），它是可见的。有人能帮忙吗

<html data-ng-app="">
   <head>
      <title> Using AngularJS and etc</title>
   </head>
   <body data-ng-controller="SimpleController">
      Name:
      <br/>
      <input type="text" data-ng-model="name" /> 
      <br/>
      <ul>
         <li data-ng-repeat="cust in customers"> {{ cust.name }} - {{ cust.city | uppercase }}</li>
      </ul>
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
      <script>
         function SimpleController($scope) {

         $scope.customers = [
                {name: 'Dave', city: 'London'},
                {name: 'Naww', city: 'Tokyo'},
                {name: 'Jim Do', city: 'ABX'},
                {name: 'Ben', city: 'Oslo'}
            ];

            }
      </script> 
   </body>
</html>


使用AngularJS等
姓名：





{{cust.name}-{{cust.city}大写}

函数SimpleController（$scope）{
$scope.customers=[
{姓名：'Dave'，城市：'London'}，
{名称：'Naww'，城市：'东京'}，
{姓名：'Jim Do'，城市：'ABX'}，
{名字：'本'，城市：'奥斯陆'}
];
}

您需要ng应用程序并使用如下所示的控制器声明，您声明的方式不适用于1.3以上的angular版本

演示


使用AngularJS等
姓名：





{{cust.name}-{{cust.city}大写}

var-app=angular.module（'myApp'，[]）；
app.controller（'SimpleController'，函数（$scope）{
$scope.customers=[
{姓名：'Dave'，城市：'London'}，
{名称：'Naww'，城市：'东京'}，
{姓名：'Jim Do'，城市：'ABX'}，
{名字：'本'，城市：'奥斯陆'}
];
});

您需要ng应用程序并使用如下所示的控制器声明，您声明的方式不适用于1.3以上的angular版本

演示


使用AngularJS等
姓名：





{{cust.name}-{{cust.city}大写}

var-app=angular.module（'myApp'，[]）；
app.controller（'SimpleController'，函数（$scope）{
$scope.customers=[
{姓名：'Dave'，城市：'London'}，
{名称：'Naww'，城市：'东京'}，
{姓名：'Jim Do'，城市：'ABX'}，
{名字：'本'，城市：'奥斯陆'}
];
});

控制器应在中定义。你没有在你的应用程序中定义任何模块，因此你的控制器没有被创建（你可能在你的控制台中有这样一个错误）

以下是解决您的问题的方法：

var myApp=angular.module（'myApp'，[]）；
myApp.controller（'SimpleControl'，函数（$scope）{
$scope.customers=[
{姓名：'Dave'，城市：'London'}，
{名称：'Naww'，城市：'东京'}，
{姓名：'Jim Do'，城市：'ABX'}，
{名字：'本'，城市：'奥斯陆'}
];
});

使用AngularJS等
按姓名搜索：





{{{cust.name}-{{cust.city |大写}

控制器应在中定义。你没有在你的应用程序中定义任何模块，因此你的控制器没有被创建（你可能在你的控制台中有这样一个错误）
以下是解决您的问题的方法：

var myApp=angular.module（'myApp'，[]）；
myApp.controller（'SimpleControl'，函数（$scope）{
$scope.customers=[
{姓名：'Dave'，城市：'London'}，
{名称：'Naww'，城市：'东京'}，
{姓名：'Jim Do'，城市：'ABX'}，
{名字：'本'，城市：'奥斯陆'}
];
});

使用AngularJS等
按姓名搜索：





{{{cust.name}-{{cust.city |大写}

您应该定义ng app=“someApp”
并在angular.module（“someApp”，[]）.controller（）上对其进行配置，这将帮助您理解代码不工作的原因。谢谢Pankaj。因此，我遵循了一个教程，不幸的是，教程中的方法在1.3版本后无法使用。谢谢。您应该定义ng app=“someApp”
，并在angular.module（“someApp”，[]）.controller（）…
Read上对其进行配置，这将帮助您理解代码无法工作的原因。谢谢Pankaj。因此，我遵循了一个教程，不幸的是，教程中的方法在1.3版本后无法使用。谢谢，谢谢。是的，这种方法是有效的。事实上，我正在学习一个在线教程（），导师在其中像我一样创建了函数。你能看一下视频（跳到30:00时长）并确认他是否做得不对吗？谢谢。是的，这种方法是有效的。事实上，我正在学习一个在线教程（），导师在其中像我一样创建了函数。你能看一下视频（跳到30:00时长）并确认他是否做得不对吗？