在图标镀铬扩展中使用角度变量

Question

我尝试使用AngularJS进行更改。 有一个脚本在经过一段时间后，图标取代了chrome扩展。 来源：

 chrome.browserAction.setIcon({ path:"icons/{{item.weather[0].icon}}.png" });

存储在变量{{item.weather [0] .icon}}中的图标的名称。 但表达方式

    (function(angular){
  'use strict';
angular.module('backskrip',[])
.controller('BackController',['$scope',function($scope){
chrome.alarms.onAlarm.addListener(function(alarm) {
  // события по будильнику.
  console.log("Got an alarm!");
   alert('great1');
   chrome.browserAction.setIcon({ path: "icons/{{vm.data.list[0].weather[0].icon}}.png" });
   chrome.alarms.create({'delayInMinutes': 1});
   location.reload();
});

// создаем будильник
chrome.alarms.create({'delayInMinutes': 1});
}]);
})(window.angular);

不行。

Angular版

login() {
        this.loading = true;

        this.subscription = this.authenticationService.login(this.model.username, this.model.password)
            .subscribe(result => {
                this.em.changeNav(1);
                this.loading = false;
                this.Auth.setToken(result);
                this.router.navigate(['/code']);
                this.subscription.unsubscribe();
            },
            err => {
                this.error = JSON.parse(err._body).error;
                this.loading = false;
            });


    }