我想在网站上添加一个 cookie 横幅,但由于某种原因没有显示任何内容,这是什么问题?
angular.module('app', ['ngCookies'])
.directive('consent', function ($cookies) {
return {
scope: {},
template:
'<div style="position: relative; z-index: 1000">' +
'<div style="background: #ccc; position: fixed; bottom: 0; left: 0; right: 0" ng-hide="consent()">' +
' <a href="" ng-click="consent(true)">I\'m cookie consent</a>' +
'</div>' +
'</div>',
controller: function ($scope) {
var _consent = $cookies.get('consent');
$scope.consent = function (consent) {
if (consent === undefined) {
return _consent;
} else if (consent) {
$cookies.put('consent', true);
_consent = true;
}
};
}
};
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.7/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-cookie/4.1.0/angular-cookie.js"></script>
<div consent></div>
在您的示例中,连接了错误的库以使用
cookie
.https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-cookies.js - 这是来自 angular 的 cookie。
我不明白您的横幅背后的逻辑,但正在设置 cookie。
jsfiddle上的示例。