Используйте данные localStorage в HTML

С помощью страницы дополнительных настроек. И я стараюсь, в зависимости от выбранного радиобаттона, изменить название единиц (сами единицы меняются в запросе (!)). Пример:Используйте данные localStorage в HTML

$scope.savecity=function(){ 
 
       localStorage["var"]=$scope.username; 
 
       localStorage["SystemOfNumbers"]=$scope.SystemOfNumbers;

<label> 
 
     <input type="radio" ng-model="SystemOfNumbers" value="metric"> 
 
     Metric 
 
    </label> 
 
     <label> 
 
     <input type="radio" ng-model="SystemOfNumbers" value="imperial"> 
 
     Imperial 
 
    </label><br/> 
 

 
    <button ng-click='savecity()'>Submit</button>

$scope.savecity=function(){ 
      localStorage["var"]=$scope.username; 
      localStorage["SystemOfNumbers"]=$scope.SystemOfNumbers; 
      if (localStorage[SystemOfNumbers]="metrical"){ 
       localStorage["icon"]="°C" 
      } 
      else { 
       localStorage["icon"]="°F" 
      } 
}

И popup.html:

{{vm.data.list[0].temp.day}}{{localStorage["icon"]}}

То есть селектор активируется, изменяя способ т ranlation, но не меняет дисплей.

Источник: http://zalil.su/9855055

источник

2016-11-20 Dmitry

LocalStorage это окно свойств не угловая сфера недвижимости, так что вы можете» t поместите глобальные свойства окна непосредственно в представление, если вы не сделаете что-то вроде '$ scope.localStorage = localStorage'. Было бы проще добавлять любые значения из хранилища в область видимости – charlietfl

Ответ: Вы можете ввести название города на странице параметров (но onle английский)

(function(angular) { 
 
    'use strict'; 
 
angular.module('scopeExample', []) 
 
    .controller('MyController', ['$scope', function($scope) { 
 
    $scope.username = ''; 
 

 
    $scope.sayHello = function() { 
 
     $scope.greeting = 'Hello ' + $scope.username + '!'; 
 
    }; 
 
    $scope.savecity=function(){ 
 
       localStorage["var"]=$scope.username; 
 
       localStorage["SystemOfNumbers"]=$scope.SystemOfNumbers; 
 

 
    }; 
 

 
    }]); 
 
})(window.angular);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.min.js"></script> 
 
-<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <title>Angular JS</title> 
 
    <link rel="stylesheet" type="text/css" href="style.css"> 
 
    <script src="angular.min.js"></script> 
 
    <script src="weather 2.js"></script> 
 
    </head> 
 
    <body ng-app="scopeExample"> 
 
    <div ng-controller="MyController"> 
 
    Enter city name: 
 
     <input type="text" ng-model="username"> 
 

 
    <label> 
 
     <input type="radio" ng-model="SystemOfNumbers" value="metric"> 
 
     Metric 
 
    </label> 
 
     <label> 
 
     <input type="radio" ng-model="SystemOfNumbers" value="imperial"> 
 
     Imperial 
 
    </label><br/> 
 
    
 
    <button ng-click='savecity()'>greet</button> 
 

 
    <a href="popup.html">Назад</a> 
 
     </div> 
 
    </body> 
 
    </html>

источник

2016-11-22 17:52:20 Dmitry

Используйте данные localStorage в HTML

ответ

Смежные вопросы