AngularJs控制器应该容纳多少内容

How much content should an AngularJs Controller hold?

本文关键字：多少 控制器 AngularJs      更新时间：2023-09-26

堆叠好友！长期观众，第一次审问者！

我是一个相当精通的网页设计师。HTML5，CSS，jQuery，SCSS，（通过Javascript学习程序的40%的方式。）Grunt，Yeoman，Foundation，Bootstrap，Compass，etc.

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

我的控制器应该容纳多少内容？

例如，

    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多个段落标签的信息。这意味着所有的文本都将用"app.js"或我最初加载的任何下载

将这些信息静态地放置在视图中，还是在控制器中进行动态插入更好？

谢谢你抽出时间！干杯

您的内容应该属于您的视图，而不是控制器。在Angular.js中，控制器应该主要包含函数、动态内容、模型等，这些都是提供交互性所需要的。

相反，静态内容（如标题、简介、文本等）应该只是HTML，并且属于您的视图，除非您真正动态生成所有内容。

记住，HTML是用来保存内容的，CSS是用来添加样式的，Javascript是用来定义行为的。Angular.js.也是如此

视图包含内容，控制器有助于定义行为，服务包含独立于视图/任何DOM操作的逻辑，指令将相关代码捆绑在一起/进行DOM操作，过滤器有助于为视图增添趣味。

这实际上取决于应用程序，在一天结束时，客户端将不得不在某个地方加载150多个段落标记。一旦加载。JS和HTML模板都缓存在客户端机器上。

如果文本是静态的并且永远不会改变，那么最好将其保留在模板中，以保持整洁。然而，如果它要更改，那么最好通过AJAX动态加载它。

相关文章：