【问题标题】:script not working properly [closed]脚本无法正常工作[关闭]
【发布时间】:2017-04-08 10:28:19
【问题描述】:
<!DOCTYPE html>
<html >
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<body ng-app="notePad" ng-controller="notePadCtrl">

<textarea ng-model="message"></textarea>
<button ng-click="save()">save</button>
<button ng-click="clear()">clear</button>

<script src="notePad.js"></script>
<script src="notePadCtrl.js"></script>

</body>
</html>
var app = angular.module("notePad", [] );

app.controller("notePadCtrl",function($scope){
    $scope.message="";
    $scope.left=function(){
        return 100 - $scope.message.lenght;
    };
    $scope.clear=function(){
        $scope.message="";
    };
    $scope.save=function(){
        alert("file got saved");
    };
)};

【问题讨论】:

  • 什么功能不起作用?
  • 我认为ng-app 和ng-controller 不能在同一个元素上。
  • 我参考了教程点的记事本应用程序文件。他们做了同样的事情。我的保存和清除按钮不起作用
  • 感谢@user5622133 :)
  • @user5622133,真的!你知道新的答案不过是我的观点,对吧?干得好!

标签: javascript html angularjs


【解决方案1】:

这是一个错误!替换最后一行。

将)}; 替换为});

【讨论】:

    【解决方案2】:

    这段代码有几个问题。首先应该更改控制器括号的关闭

    app.controller("notePadCtrl",function($scope){
        $scope.message="";
        $scope.left=function(){
            return 100 - $scope.message.lenght;
        };
        $scope.clear=function(){
            $scope.message="";
        };
        $scope.save=function(){
            alert("file got saved");
        };
    });
    

    然后在 body 或 head 标签内添加 angular script 标签

    <!DOCTYPE html>
    <html>
    
      <head>
        <script data-require="angular.js@1.5.8" data-semver="1.5.8" src="https://code.angularjs.org/1.5.8/angular.js"></script>
        <link rel="stylesheet" href="style.css" />
        <script src="script.js"></script>
      </head>
    
      <body ng-app="notePad" ng-controller="notePadCtrl">
        <textarea ng-model="message"></textarea>
        <button ng-click="save()">save</button>
        <button ng-click="clear()">clear</button>
      </body>
    
    </html>
    

    查看pluker

    【讨论】:

    • 基本上你只是改变最后一行!
    • 是的,并且还更改了脚本标签
    • 不过没关系!!,你的回答跟我一模一样,不知道为什么这个人!!!
    • 我想,这两个用户是一样的??你用假账户回答?如果是,那么请去合并它:(
    • 这不是假的
    猜你喜欢
    • 2014-12-07
    • 2015-04-04
    • 1970-01-01
    • 2014-09-18
    • 2014-04-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多