Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 使用View Angular JS中的服务大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有问题的角度JS服务。

我有简单的服务:

angular.module('mainApp.services',[]).factory('Authservice',function ($http) {
    //var currentUser = null;
    //var authorized = false;

    //AutoLogin for tesTing
    var currentUser={email: "example@example.com",id: "15"};
    var authorized=true;

    // initial state says we haven't logged in or out yet...
    // this tells us we are in public browsing
    var initialState = false;

    return {
        initialState:function () {
            return initialState;
        },login:function (userData) {
            //Call API Login
            currentUser = userData;
            authorized = true;
            initialState = false;
        },logout:function () {
            currentUser = null;
            authorized = false;
        },isLoggedIn:function () {
            return authorized;
        },currentUser:function () {
            return currentUser;
        },authorized:function () {
            return authorized;
        }
    };
});

那么我有一个简单的控制器

.controller('NavbarTopCtrl',['$scope','$modal','Authservice',function($scope,$modal,authservicE) {
    $scope.authservice=authservice;  //IS good practice?
    console.log($scopE);
}])

无法使用我的服务查看。我做了简单的伎俩,工作正常。

$scope.authservice=authservice

但是如何在我的View(HTML文件)中调用service?

在视图中使用服务通常是不好的做法。 该视图应仅包含演示逻辑。 在您的示例中,而不是将整个服务传递给视图,您可以尝试仅传递一个用户对象。例如$ scope.currentUser = authservice.currentUser()。

大佬总结

以上是大佬教程为你收集整理的angularjs – 使用View Angular JS中的服务全部内容,希望文章能够帮你解决angularjs – 使用View Angular JS中的服务所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。