Question

我不确定我的标题是否有意义，但我想要做的是：我是AngularJS的菜鸟，我似乎无法在论坛中找到答案，但对某些人来说真的很基本，但对我来说，我似乎无法弄明白。

我在HTML中有一个变量{{firstName}}，我想在网页上显示。

下面是HTML，Demo.js和Data.js代码。

使用console.log，我可以提取数据。但我似乎无法绑定变量firstName。

任何想法都会非常感激。

感谢!!!

HTML代码

<!DOCTYPE html>
<html lang="en" ng-app="Demo">
<head>
    <meta http-equiv="x-ua-compatible" content="IE=8">

    <title>AngularJS</title>

    <script type="text/javascript" src="../WebContent/js/angularjs/1.2.20/angular.min.js"></script>

    <script type="text/javascript">
        var $userId = 101;
    </script>

    <script type="text/javascript" src="../Webcontent/js/Demo.js"></script>
    <script type="text/javascript" src="../Webcontent/js/Data.js"></script>
</head>
<body ng-controller="getInfo">
    <b class="header_top_links header_top_links_small welcome_rollover mr5">Welcome {{ firstName }}</b>
</body>
</html>

Demo.js

var app = angular.module("Demo",[]);
app.controller('getInfo', function( $scope ) {

    for (var i = 0; i < users.length; i++) {
        $scope.userId = users[i].id;
        $scope.firstName = users[i].firstName;

        if($userId == $scope.userId) {
            if($scope.userId == 102) {
                console.log("user ID: " + $scope.userId);
            } else if ($scope.userId == 101) {
                console.log("user ID: " + $scope.userId);
                console.log("user first name: " + $scope.firstName);
            } else {
                console.log("user ID: " + $scope.userId);
            }
        }
    }
});

Data.js

var users = [
     {
        id: 100,
        firstName: "Guest"
     }, {
        id: 101,
        firstName: "Basick"
     }, {
         id: 102,
         firstName: "Advanced"
     }
 ];

AngularJS从if else语句绑定到变量

0 个答案: