Question

如果我手动放置令牌，当前我的代码片段效果很好。如下所示：

<!-- These are added to execute the code -->
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js" type="text/javascript"></script>
    
<div class="col-lg-5">
    <select id="sel"></select>
</div>

<!--
These was your code,

<script id="optionTmpl" type="text/x-jquery-tmpl">
  {{each $options}}
    <option value="${$code}">${$title}</option>
  {{/each}}
</script>

which is changed to =>
-->

<script id="optionTmpl" type="text/x-jquery-tmpl">
    <option value="${code}">${title}</option>
</script>

您可能会注意到，在上面的代码段中，我手动设置了令牌，但我不喜欢这样。

我希望用户登录后，令牌应自动出现在这里。

以下摘录内容与我的$http({ method: 'POST', url: 'http://127.0.0.1:8000/api/v1/contact', data: $scope.formModel, headers: { 'Authorization': 'Token ' + '40355bd18b86f7e18f28c6bee4aaa55215dabffb' } }).then(function (response) { // sh*t execute if success }, function(response) { // sh*t execute if error }); 有关如果我登录，作为响应，它将返回Login

在这里您可以看到它是如何工作的：

token

如果您仔细查看代码，希望您能胜过摘要：）

我希望此令牌应到达摘要（位于摘要顶部），以便用户可以发布/添加数据

Answer 1

您可以在范围变量$ scope.token中设置令牌值。您为什么不像这样在上面的代码段中使用它？

headers: {
    'Authorization': `Token${$scope.token}`
}

AngularJS $ http标头令牌自动化

1 个答案: