html 隐藏变量,javascript - 隐藏angularjs原始作用域变量（原始html模板），用于html页面中的数据绑定，直到未初始化angular应用和未加载数据 - 堆栈内存溢出...

我正在使用Angularjs作为前端框架。 在我的应用程序中，我使用Index.cshtml作为母版页(顶部的水平导航栏包含在Index.cshtml页面中)，并且在其中使用Angularjs渲染html局部。 当页面最初被加载并且Angularjs应用尚未初始化时，我在Index.cshtml页面中用于数据绑定的范围变量(如上图所示：“ {{firstName}} ”和{{lastName}} )以其原始形式可见，这是不应该发生的。 理想的行为应该是：除非将数据绑定到这些范围变量，否则最终用户将看不到这些范围变量，即，在加载页面而不是原始变量时，应该没有任何内容，并且一旦Angular应用程序初始化并将数据分配给范围变量，则应显示适当的值，例如，一旦将数据分配给范围变量firstName = John和lastName = Doe，则仅应显示为“ John Doe”。

Index.cshtml：

..

Toggle navigation

• {{firstName}} {{lastName}}
• Logout

在顶部导航栏中的母版页中，我使用的是MasterCotroller ，其作用域变量为“ firstName”，“ lastName”。 当用户从登录页面登录时，我设置了名字和姓氏的cookie，并将用户重定向到此页面，在初始化应用程序的此页面中，在MasterController中，我获取了cookie，然后设置范围变量firstName和lastName的值 。

Angualr应用程序初始化和配置：

var appRoot = angular.module('smapp', ['ngRoute', 'ui.bootstrap', 'ngResource', 'ngSanitize', 'ngAnimate']);

appRoot.config([

'$routeProvider', function($routeProvider) {

//Setup routes to load partial templates from server. TemplateUrl is the location for the server view (Razor .cshtml view)

$routeProvider

.when('/BrowsePrograms', { templateUrl: '/ngPartials/_Program.html', controller: 'ProgramCtrl' })

.otherwise({ redirectTo: '/ngPartials/_Login.html', controller: 'LoginCtrl' });

}

]);

MasterController：

appRoot.controller('MasterController', function ($scope) {

$scope.firstName = $.cookie('FName');

$scope.lastName = $.cookie('LName');

});

我的问题是，如何避免显示Angularjs原始模型绑定程序({{firstName}}和{{lastName}})，直到应用程序未完全初始化且范围变量未分配任何值？

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！