Angular ng-show在简单示例脚本

时间:2015-11-12 19:25:47

标签: javascript html angularjs

我有以下HTML:

    <html lang="en" ng-app="MyApp">
    <!--<other HTML elements>  -->
    <div ng-controller="nameController">
    <div ng-show="{{name}}">
        My Name
    </div>
    <span ng-click="showName()">Show Name</span>
    </div>
    <!--<other HTML elements>  -->

我的角度控制器看起来像这样:

var app = angular.module('MyApp', []);

app.controller('nameController', function($scope){
    $scope.name = false;
    $scope.showName = function()
    {
        $scope.name = true;
    }   
}); 

当我运行此项时,“我的名字”最初会按预期隐藏,但点击“显示”不会显示它。如果我console.log($scope.name),则会显示true

我已经坚持了好几个小时了......我做错了什么?非常感谢任何帮助..

1 个答案:

答案 0 :(得分:2)

{{name}}删除大括号。

<div ng-show="name">

添加此项以使答案更具相关性:AngularJS Curly Braces