Javascript 简单角度重复_Javascript_Angularjs

Javascript 简单角度重复

javascript angularjs

Javascript 简单角度重复,javascript,angularjs,Javascript,Angularjs,我对js/html/css等还不熟悉，并试图让自己变得有棱角，但我被一些看似简单的东西困住了当我加载下面描述的页面时，我会得到标题和一个包含我想要替换“{e.someKey}}”的文本的单项列表。我要找的是两颗子弹——一颗是Value1，另一颗是Value2 在index.html中： <!doctype html> <html lang="en" ng-app="myfirstapp"> <head> <meta charset="utf-8"&

我对js/html/css等还不熟悉，并试图让自己变得有棱角，但我被一些看似简单的东西困住了

当我加载下面描述的页面时，我会得到标题和一个包含我想要替换“{e.someKey}}”的文本的单项列表。我要找的是两颗子弹——一颗是Value1，另一颗是Value2

在index.html中：

<!doctype html>
<html lang="en" ng-app="myfirstapp">
<head>
  <meta charset="utf-8">
  <title>my first app</title>
  <link rel="stylesheet" href="css/app.css">
  <link rel="stylesheet" href="css/bootstrap.css">
  <script src="lib/angular/angular.js"></script>
  <script src="js/app.js"></script>
  <script src="js/controllers.js"></script>
</head>
<body>
  <h1>My First App</h1>
  <div ng-controller="MyFirstAppController">
    <ul>
      <li ng-repeat="e in elementArray">
        <p>{{e.someKey}}</p>
      </li>
    </ul>
  </div>
</body>
</html>

我已经尝试了大量的语法调整，但我肯定错过了一些更基本的东西。任何想法都非常感谢

只需将其更改为：

<html lang="en" ng-app>

这里有一个JSFIDLE的工作版本：

我建议将它摆弄一下，就像这样；app.js中有什么？谢谢。我来看看。app.js为空。只需使用“严格的”@adam77-谢谢。这是一个非常酷的工具。到目前为止，它正在演示问题，但我仍然不清楚。OP使用

myfirstapp

指定了

ngapp

，这意味着Angular正在

myfirstapp

模块中寻找控制器，而他在JS中没有定义该模块。虽然我可以建议他/她使用

angular.module（'myfirstapp'）.controller（'MyFirstAppController'，function（$scope）{code_HERE}）

这可能会混淆OP。因此，解决他/她的问题的最简单方法是删除

ng app

中指定的值。哇，就是这样！非常感谢！用谷歌搜索一下，我不明白为什么它会默默地失败。该应用程序名称是否会导致它查找不存在的内容？如果指定了ng应用程序名称，则会限制Angular查找代码（控制器、指令等）的范围。我想这是一种不污染JS中全局名称空间的方法。我并不是真的“默默地失败”。我建议您在调试应用程序时运行控制台。特别是如果您是开发新手，它不仅可以帮助您定位点错误，还可以更好地理解DOM的基本原理。

<html lang="en" ng-app>