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

查看:75
本文介绍了javascript - 开始学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>

解决方案

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

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

<!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>

哪处不懂,可以问下我

这篇关于javascript - 开始学angularJs,每次都报错,有时候写的两个大括号也会直接在网页上显示的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆