Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Не подключаеться скрипт (https://javascript.ru/forum/misc/65805-ne-podklyuchaetsya-skript.html)

triest 08.11.2016 18:53

Не подключаеться скрипт
 
Не подключаться скрипт.
В симуляторе все нормально:
http://jsbin.com/fajoko/edit?html,js,output

А в расширении нет.
popup.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Angular JS</title>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
  <script src="angular.js">a</script>>
</head>
<body ng-app="jsbin">
  <div ng-controller="DemoCtrl as vm">
  <form novalidate>
    First Name:<br>
    <input type="text" ng-model="user.firstName"><br>
    Last Name:<br>
    <input type="text" ng-model="user.lastName" placeholder="name">
    
  </form>

   
  <script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.7/weatherscript.js"></script>  
    <script src="angular.js"></script>    
     <h1><b>{{vm.data.city.name}}</b></h1>
    <h1><b>{{vm.data.list[0].temp.day}}</b></h1>
  </div>
    </body> 
  </html>


И скрипт.

var app = angular.module('jsbin', []);

app.controller('DemoCtrl', function($http) {
  
  var vm = this;
   var temp1=[];
  
  var URL = 'http://api.openweathermap.org/data/2.5/forecast/daily';
  
  var request = {
    method: 'GET',
    url: URL,
    params: {
       q: 'KansasCity',
      mode: 'json',
      units: 'imperial',
      cnt: '7',
      appid: '3ac1f68b653ffbf72a5f782420062771'
    }
  };
   
funcrion save(){
 $http(request)
    .then(function(response) {
   vm.data = response.data;
      temp1[0]= angular.fromJson(response.data); 
       console.log(temp1[0]); 
     console.log(temp1[0].city.name); 
     console.log(temp1[0].city.country);
       console.log(temp1[0].list[0].temp.day);
       }).
    catch(function(response) {
      vm.data = response.data;
    });
}
}
//  console.log(temp);
});


Ну и манифест
{
	"manifest_version" : 2,
	"name" : "...",
	"short_name" : "...",
	"version" : "1.0",
	"author" : "...",
	"description" : "...",
	
	"icons" : {
		"16" : "icons/16x16.png",
		"32" : "icons/32x32.png",
		"48" : "icons/48x48.png",
		"64" : "icons/64x64.png",
		"128" : "icons/128x128.png"
	},
	
	 "content_scripts": [
    {
      "matches": [ "*://*/*" ],
      "js": [ "/angular.js" ]
    }
  ],

	"background" : {
		"scripts" : ["background.html"],
		"persistent" : false
	},
	
    "browser_action": {
        "default_title": "...",
        "default_icon": "icons/water.png",
		"default_popup": "popup.html"
    }
}

Coriolan161 08.11.2016 19:28

triest,
скрипт нормально назови а не angular.js

triest 08.11.2016 19:45

Назвал. Толку нет
.
https://www.dropbox.com/sh/vx8dt1szz...OaFxQHYka?dl=0

triest 08.11.2016 20:39

Не помогло.
[url]<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Angular JS</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="weather.js"></script>>
</head>
<body ng-app="jsbin">
<div ng-controller="DemoCtrl as vm">

<script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.7/weatherscript.js"></script>
<script src="weather.js"></script>
<h1><b>{{vm.data.city.name}}</b></h1>
<h1><b>{{vm.data.list[0].temp.day}}</b></h1>
</div>
</body>
</html> [/html]

И скрипт.

var app =angular.module('jsbin', []);

app.controller('DemoCtrl',[ function($http) {
  
  var vm = this;
   var temp1=[];
    var URL = 'http://api.openweathermap.org/data/2.5/forecast/daily';
  var request = {
    method: 'GET',
    url: URL,
    params: {
       q: 'KansasCity',
      mode: 'json',
      units: 'imperial',
      cnt: '7',
      appid: '3ac1f68b653ffbf72a5f782420062771'
    }
  };
   

 $http(request)
    .then(function(response) {
   vm.data = response.data;
      temp1[0]= angular.fromJson(response.data); 
       console.log(temp1[0]); 
     console.log(temp1[0].city.name); 
     console.log(temp1[0].city.country);
       console.log(temp1[0].list[0].temp.day);
       }).
    catch(function(response) {
      vm.data = response.data;
    });
}

//  console.log(temp);
]);


Ну и манифест
{
	"manifest_version" : 2,
	"name" : "...",
	"short_name" : "...",
	"version" : "1.0",
	"author" : "...",
	"description" : "...",
	
	"icons" : {
		"16" : "icons/16x16.png",
		"32" : "icons/32x32.png",
		"48" : "icons/48x48.png",
		"64" : "icons/64x64.png",
		"128" : "icons/128x128.png"
	},
	
	 "content_scripts": [
    {
      "matches": [ "*://*/*" ],
      "js": [ "weather.js" ]
    }
  ],

	"background" : {
		"scripts" : ["background.html"],
		"persistent" : false
	},
	
    "browser_action": {
        "default_title": "...",
        "default_icon": "icons/water.png",
		"default_popup": "popup.html"
    }
}

Coriolan161 08.11.2016 21:45

triest,
1) зачем два раза подключаешь weather.js?
2) перенеси все в head в таком порядке
- ангуляр
- ангуляр weather
- свой weather
3) Когда делаешь через 'as' у тебя все через твой vm делается
то есть надо
vm.user.firstName

4) Проверь закрытие тегов, скобочек ещё раз

triest 09.11.2016 11:56

Вложений: 1
Непонятно. Запускаю сервер и ничего. Скрипт не цепляется.
http://zalil.su/3431183

Coriolan161 09.11.2016 12:21

triest,
Скидывай что сделал

triest 09.11.2016 12:58

Так выше кинул: http://zalil.su/3431183

Coriolan161 09.11.2016 13:05

triest,
....
верстку скинь и кусок своего модуля

triest 09.11.2016 13:35

Верстки там еще нет.
Рано. Просто понять почему не работает.
http://zalil.su/4760318


Часовой пояс GMT +3, время: 03:05.