javascript - AngularJs Controller 应该容纳多少内容？

Question

堆友!长期观察者，第一次审问者!

我是一名非常精通的网页设计师。 HTML5、CSS、jQuery、SCSS，(40% 通过 Javascript 学习计划。)Grunt、Yeoman、Foundation、Bootstrap、Compass 等...

开始我对 Angular 应用程序的第一次尝试。我唯一真正的问题是......

我的 Controller 应该容纳多少内容？

例如，

    app.controller('ControllerNameHere', function ($scope) {
$scope.headerText = 'Header, Yall!';
$scope.introduction = 'Let me introduce myself. My name is Zack. This particular sentence could go on all night. Lets Lorem this a bit... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique faucibus lectus id accumsan. Donec in eros id urna rutrum imperdiet nec in metus. Pellentesque faucibus, est vitae efficitur dapibus, lacus nisi sodales elit, eu sollicitudin lorem tellus vitae risus. Pellentesque iaculis orci id accumsan mattis. Duis sodales viverra nunc vitae laoreet. Aenean vitae nulla diam. Etiam semper condimentum diam. Quisque nec tincidunt massa. Aliquam varius eros in bibendum rhoncus. Ut sit amet blandit orci. Vestibulum enim nisl, mollis eleifend felis id, egestas hendrerit purus. Curabitur porta mauris ac orci sodales rhoncus.';
$scope.aSecondaryParagraph = 'Yes, I am a GEEEEE!';});

虽然 1 段似乎并不过分，但如果我正在制作一个视频游戏教程网站呢？它很容易包含 150 多个段落标签的信息值(value)。这意味着所有文本都将与“app.js”或我最初加载的任何内容一起下载

将此信息静态放置在 View 中或放置在 Controller 中以便动态插入会更好吗？

感谢您抽出宝贵时间!干杯!

Answer 1

您的内容应该属于您的 View ，而不是您的 Controller 。在 Angular.js 中， Controller 应该主要包含函数、动态内容、模型等——为了提供交互性你需要的东西。

相比之下，标题、介绍、文本等静态内容应该只是 HTML 并且属于您的 View ，除非您真正动态生成所有内容。

请记住，HTML 用于保存内容，CSS 用于添加样式，而 Javascript 用于定义行为。同样的事情也适用于 Angular.js。

View 保存内容， Controller 帮助定义行为，服务包含独立于 View /任何 DOM 操作的逻辑，指令将相关代码捆绑在一起/执行 DOM 操作，过滤器帮助您的 View 更有趣。