在视图angularjs中使用控制器变量
我在爱奥尼亚和安格尔工作。我想在控制器中设置变量,并在视图中使用它们。我正在使用cookies保存当前登录的用户信息。 以下是控制器代码:在视图angularjs中使用控制器变量,angularjs,variables,ionic-framework,Angularjs,Variables,Ionic Framework,我在爱奥尼亚和安格尔工作。我想在控制器中设置变量,并在视图中使用它们。我正在使用cookies保存当前登录的用户信息。 以下是控制器代码: .controller('profileCtrl',['$http','$scope', 'fileUpload','$cookies','$cookieStore','$window', function($http, $scope, fileUpload,$cookies,$cookieStore,$window) { $scope.C
.controller('profileCtrl',['$http','$scope',
'fileUpload','$cookies','$cookieStore','$window',
function($http, $scope, fileUpload,$cookies,$cookieStore,$window) {
$scope.CurrentUser = $cookieStore.get('CurrentUserInfo');<br/>
$scope.CurrentUserFullname = $scope.CurrentUser.User.fullname;<br/>
console.log($scope.CurrentUserFullname); **// working. Suppose name is Simerjit
}])
现在进入view profile.html。我想显示这个名字。我用这个:
{{CurrentUserFullname}}//不工作
任何人都请帮忙。我是爱奥尼亚和安格拉斯的新手。控制器不应该知道应用程序的状态。 您应该阅读angular的规则和最佳实践:
您需要为profile.html定义控制器,例如我检查了代码。这是正确的,但您需要在 $cookieStore.get'CurrentUserInfo' 可能是fullname没有任何值 我在爱奥尼亚做了很多项目,你做得对
{{CurrentUserFullname}}如果将用户数据直接存储在cookie中,则不需要它$scope.CurrentUser.user.fullname 你可以直接使用这个
$scope.CurrentUserFullname = $scope.CurrentUser.fullname;
如果数据绑定工作不正常,请尝试在加载视图之前使用$route resolve将数据放入控制器。。 在$route配置中
$routeProvider
.when("/profile", {
templateUrl: "profile.html",
controller: "profileCtrl",
resolve: {
CurrentUser: function($cookieStore){
return $cookieStore.get('CurrentUserInfo');
}
}})
和在控制器中注入CurrentUser
有关解决的详细信息
快乐编码…定义不工作。到底发生了什么?另外,是否在由控制器处理的DOM部分中?发布所有相关代码。很可能您在模板中的命名控制器时输入了一些错误,请正确检查模板//你应该把这个放在某个地方。或者,如果您使用$routeProvider,请检查那里。我检查了$routeProvider,它工作正常。我使用的是$routeProvider文件。所以它是自动绑定控制器和视图文件。我不需要再次指定ng控制器。我说的对吗?你会犯什么错误?您是否也在加载angular-route.js和您命名的controller.js?问题和答案之间有什么关系?谢谢。基本上它没有显示全名。现在问题解决了。谢谢你的回复。基本上全名返回空值。谢谢你的回复。
.controller('profileCtrl',['$http','$scope','CurrentUser' fileUpload','$cookies','$cookieStore','$window', function($http, $scope,CurrentUser,fileUpload,$cookies,$cookieStore,$window) {
$scope.CurrentUser = CurrentUser;
$scope.CurrentUserFullname = CurrentUser.User.fullname;
console.log($scope.CurrentUserFullname); }])