Question

我是Angular和Cookie的新手，我有一个HTML模板，我需要在用户第一次访问我的应用时显示该模板。但是，下次他们访问时，他们应该不再看到该模板并看到默认模板。

到目前为止，我发现了here和here发布的解决方案。

然而，这两个解决方案都出现错误，在第一个链接==中无效，下一个示例string is not a function

下面的代码如何检查是否有cookie，如果没有，则创建cookie。

// Controller for Dashboard
app.controller('DashboardController', ['$scope', '$cookies', '$cookieStore', function ($scope, $cookies, $cookieStore) {

    // if cookie does not exits show welcome template
    //     create cookie
    // if cookie welcome exits show default template


    $scope.welcome = $cookieStore.get('welcome');

    $scope.checkCookie = function(welcome){
        $scope.welcome = welcome;
        $cookieStore.put('cookie', welcome);
    };

    // $cookieStore.put("name","my name");
    // $cookieStore.get("name") = "my name";
    // $cookieStore.remove("name");
}]);

Answer 1

使用角度和角度cookie，读取和写入cookie非常容易。您首先需要在应用和控制器中注入$ cookies依赖。

然后您可以从$ cookie参数中分配和检索值。

以下示例将显示第一批用户的欢迎消息，以及其他用户的欢迎消息。

angular.module('CookieDemo', ['ngCookies'])
.controller('DashboardController', ['$scope', '$cookies', function ($scope, $cookies) {
    // Retrieve the cookie and set it to userName, in first visit it will be an empty string
  $scope.userName = $cookies.userName || "";

  // Set the cookie for next visit of the user
  $cookies.userName = 'testUser';
}]);

<body ng-app="CookieDemo" ng-controller="DashboardController">
  <h1 ng-show="userName.length > 0">Hello {{userName}}</h1>
  <h1 ng-hide="userName.length > 0">This is your first visit.</h1>
</body>

这是plunker。

Answer 2

我不明白为什么决定使用它，如果有可能写一个模块？

define('cookies',function(){

function getCookie(name) {
    var matches = document.cookie.match(new RegExp(
      "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
    ))
    return matches ? decodeURIComponent(matches[1]) : undefined
}


function setCookie(name, value, props) {
    props = props || {}
    var exp = props.expires
    if (typeof exp == "number" && exp) {
        var d = new Date()
        d.setTime(d.getTime() + exp*1000)
        exp = props.expires = d
    }
    if(exp && exp.toUTCString) { props.expires = exp.toUTCString() }

    value = encodeURIComponent(value)
    var updatedCookie = name + "=" + value
    for(var propName in props){
        updatedCookie += "; " + propName
        var propValue = props[propName]
        if(propValue !== true){ updatedCookie += "=" + propValue }
    }
    document.cookie = updatedCookie

}


function deleteCookie(name) {
    setCookie(name, null, { expires: -1 })
}


    return {
        getCookie:getCookie,
        setCookie:setCookie,
        deleteCookie:deleteCookie
        }
})

如何使用cookies？角饼干

2 个答案: