首页 > 开始学angularJs,每次都报错,有时候写的两个大括号也会直接在网页上显示

开始学angularJs,每次都报错,有时候写的两个大括号也会直接在网页上显示

<!doctype html>
<html ng-app>
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <script type="text/javascript" src="angular.min.js" ></script>
</head>
<body>
    <div ng-controller="c2_1">
        执行Javascript表达式:<br />
        <input type="text" ng-model="expr1" />
        <button ng-click="testExp1(expr1)">计算</button>
        <br /><br />
        执行Angular表达式:</br>
        <input type="text" ng-model="expr2" />
        <span ng-bind="$eval(expr2)"></span>
    </div>
    <script type="text/javascript">
        function c2_1($scope)
        {
            $scope.expr1=20;
            $scope.expr2='20+1|number:0';
            $scope.testExp1=function(expr)
            {
                var newv=parseInt(expr)+1;
                console.log(newv);
            }
        }
    </script>
</body>
</html>

这个应该是Angular版本造成的。你讲controller的注册写规范了就没有问题了。

<!doctype html>
<html ng-app="myApp">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <script type="text/javascript" src="js/angular.min.js" ></script>
</head>
<body>

全选复制放进笔记<div ng-controller="c2_1">
    执行Javascript表达式:<br />
    <input type="text" ng-model="expr1" />
    <button ng-click="testExp1(expr1)">计算</button>
    <br /><br />
    执行Angular表达式:</br>
    <input type="text" ng-model="expr2" />
    <span ng-bind="$eval(expr2)"></span>
</div>
<script type="text/javascript">
    var app = angular.module('myApp', []);
    app.controller('c2_1', c2_1);
    function c2_1($scope)
    {
        $scope.expr1=20;
        $scope.expr2='20+1|number:0';
        $scope.testExp1=function(expr)
        {
            var newv=parseInt(expr)+1;
            console.log(newv);
        };
    }
</script>

</body>

.controller('stuctroller', ['$scope', function ($scope) {
    $scope.test = 'demo';
}]);

上面的错误信息显示你的controller不是一个function。


把代码贴出来吧,没代码怎么帮你!

你应该多看下教程,我把你的代码改了,你参照下

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="Assets/Labs/angular.min.js"></script>
</head>
<body ng-app="myApp">
    <div ng-controller="c2_1">
        执行Javascript表达式:<br />
        <input type="text" ng-model="expr1" />
        <button ng-click="testExp1(expr1)">计算</button>
        <br /><br />
        执行Angular表达式:<br />
        <input type="text" ng-model="expr2" />
        <span ng-bind="expr2|number:0"></span>
    </div>
    <script>
        var app = angular.module('myApp', []);
        app.controller('c2_1', ['$scope', function ($scope) {
            $scope.expr1 = 20;
            $scope.expr2 = 21.55555;
            $scope.testExp1 = function (expr) {
                var newv = expr + 1;
                console.log(newv);
            }
        }]);
    </script>
</body>
</html>

哪处不懂,可以问下我

【热门文章】
【热门文章】