Javascript 角度静态JSON列表不会呈现

很抱歉打扰你。。。但我脸色发青，窒息而死

好的，我正在使用eclipse和相关angular插件编辑一个简单的列表示例，如下所示，但它拒绝在预览时显示，或者在eclipse中使用浏览器打开时显示

这一个是直接从书中输入的。。。好的，除了双引号和单引号。。。eclipse插件的反应与这些不同。。。但我不知道这些引语为什么或什么优先。它似乎更喜欢单引号

无论如何，这个JSON列表不会显示

有什么建议吗？谢谢

警报（“内部js”）；
var myModule.controller（'AppCtrl'，函数（$scope）{}）；
myModule.controller（'AppCtrl'，函数（$scope）{
$scope.stories=[
{标题：'Story 00'，描述：'description pending'.}，
{标题：'Story 01'，描述：'description pending'.}，
{标题：'Story 02'，描述：'description pending'.}，
{标题：'Story 03'，描述：'description pending'.}，
{标题：'Story 04'，描述：'description pending'.}，
{标题：'Story 05'，描述：'description pending'.}
];
});

故事
{{story.title}
{{story.description}}

---

问题在于，您没有创建角度模块，也没有引导该模块，并且由于某种原因，控制器声明被复制。这是一个具有以下更正的工作示例：

// declare an angular module
angular.module('myApp', [])

// attach controller
.controller('AppCtrl', function($scope) {
  $scope.stories = [
    {title:'Story 00', description:'Description pending.'},
    {title:'Story 01', description:'Description pending.'}
  ];
})

;

标记：

<!-- bootstrap the angular module and add controller to element -->
<div ng-app="myApp" ng-controller='AppCtrl'>
    <div class='span4 sidebar-content'>
        <h2>Stories</h2>
        <div class='story' ng-repeat='story in stories' > 
            <h4>{{story.title}}</h4>
            <p>{{story.description}}</p>
        </div>
    </div>
</div>

而不是：

var myModule = angular.module('myModuleName', []);
myModule.controller(function() {

---

在这次尝试中，您的HTML中缺少ng控制器和ng应用程序 这里是工作jsbin

故事
{{story.title}
{{story.description}}

var appViewModule=angular.module（'appViewModule'，[]）；
appViewModule.controller（'AppViewController'，函数（$scope）{
$scope.stories=[
{'title'：'Story 00'，'description'：'description pending.}，
{'title'：'Story 01'，'description'：'description pending.}，
{'title'：'Story 02'，'description'：'description pending.}，
{'title'：'Story 03'，'description'：'description pending.}，
{'title'：'Story 04'，'description'：'description pending.}，
{'title'：'Story 05'，'description'：'description pending.}
];
});

下面的代码应该做什么

var myModule.controller（'AppCtrl'，function（$scope）{}）>那个；这是一本糟糕的书。@Kent我已经处理了你代码中的问题。请不要生气，但要意识到，在这里调试Eclipse问题是非常不合理的，对于一篇堆栈溢出文章来说，这是离题的。这听起来像是您需要与插件作者或与eclipse相关的支持论坛讨论的问题。@Kent请将我的答案中的代码复制到您的解决方案中，它应该可以工作，因为您可以看到它在这里工作是的，我看到它在这里工作。。。你能发布我的代码片段，看看它在这里也能工作吗？我不知道如何让运行/隐藏按钮显示在这篇文章。好的，很好，这就是我正在寻找的。。。一个1页的例子。。。但是，在head标签中编码任何东西似乎都不想飞行，至少在eclipse插件中是这样。我将您的更新剪切/复制到eclipse，运行良好。非常感谢。对不起，主持人。。。请随意清理。。。我会保持事情的简洁，这实际上是我第一次感觉到自己的想法Cheers我使用插件编辑器在eclipse中运行代码，它会挂起OK，我将您的代码从eclipse编辑器中按原样剪切并粘贴到web上的新jsbin编辑器中。。。而且它不会运行。。。我看到了我原来看到的。。。没有渲染我无法添加或编辑js代码，除非Angular eclipse插件挂起并破坏整个IDE感谢这个工作示例…我将以某种方式解决这个问题…二进制编辑字符或不稳定的插件…我将很快发布一些有用的东西
<!-- bootstrap the angular module and add controller to element -->
<div ng-app="myApp" ng-controller='AppCtrl'>
    <div class='span4 sidebar-content'>
        <h2>Stories</h2>
        <div class='story' ng-repeat='story in stories' > 
            <h4>{{story.title}}</h4>
            <p>{{story.description}}</p>
        </div>
    </div>
</div>

// make a module
angular.module('myModuleName', [
 // array of dependencies
]);

// get a module
angular.module('myModuleName')
// add a controller to the module
.controller('myCtrl', function() { //etc

var myModule = angular.module('myModuleName', []);
myModule.controller(function() {