Question

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

我是一位精通网页的设计师。 HTML5，CSS，jQuery，SCSS，（通过Javascript学习程序的40％）.Grunt，Yeoman，Foundation，Bootstrap，Compass等......

开始我第一次尝试使用Angular App。我唯一真正的问题是......

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

例如，

    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多个段落标签＆＃39;值得信息。意思是所有文本都将与＆＃34; app.js＆＃34;一起下载。或者我最初加载的任何东西

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

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

Answer 1

您的内容应属于您的视图，而不属于您的控制器。在Angular.js中，控制器应主要包含函数，动态内容，模型等 - 为了提供交互性所需的东西。

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

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

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

Answer 2

这实际上取决于应用程序，在一天结束时，客户端必须在某处加载150+段标签。一旦加载。 JS和HTML模板都缓存在客户端计算机上。

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

AngularJs控制器应该保留多少内容？

2 个答案: