Question

我目前正在使用角度js路由概念并创建了两个html文件，当点击某些选项时我的页面应该被路由到

在我的主要HTML代码中，我添加了ng-view

<div ng-view>
</div>

第一个html文件

<h1>This is the first file</h1>
<script>
     $(document.ready(function(){
         $('h1').click(function(){
             $(this).css("color",'red');
        )
</script>

第二档

<p>This is second file</p>

当我在第一个html文件中包含jquery代码时，一切正常。

我只是想知道在html代码中包含任何javascript代码是否正确和良好的程序

Answer 1

将行为和表示合并到同一个文件中是有效但不是一个好主意，因为它违反了应用程序中的关注点分离，并且关注点分离等等是我们选择angularJs的原因。虽然它会工作正常。这有很多下降点：

添加页面权重
缩小困难（或可能不可能）
无法迁移或用于其他页面
无法缓存（每次加载页面时都需要下载）
无法缓存（每次加载页面时都需要下载）
不分离关注点（难以维护）

由于您使用的是angularJS，需要注意的要点是： 1.客户端业务逻辑位于注入指令\控制器的服务中。 2.假设UI逻辑被放置在控制器中。 3.使用指令进行DOM操作。

控制器应该包含视图逻辑，但不应该实际引用DOM（引用DOM应该只通过指令来完成）。

因此，您需要做多少工作才能使您的应用程序可读，可维护，可测试等......

Answer 2

试试这个：

添加jquery库

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>



$(document).ready(function(){
         $('h1').click(function(){
             $(this).css("color",'red');
        });
        });

Demo here

在html中编写javascript代码是否合适？

2 个答案: