Javascript-форум - Привязка переменных к каждому элементу

Javascript-форум (https://javascript.ru/forum/)

- Angular.js (https://javascript.ru/forum/angular/)

- - Привязка переменных к каждому элементу (https://javascript.ru/forum/angular/71502-privyazka-peremennykh-k-kazhdomu-ehlementu.html)

Djambulat,

<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
  <style type="text/css">
  div span{
    cursor: pointer;
  }

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"></script>
</head>
<body>
   <main ng-controller="AppController">
    <div >{{ inputstring }}</div>
    <div>
      <span ng-repeat='b in letter' ng-click="getLetter(b)"> {{b}}</span>
      <span ng-click="inputstring = inputstring.slice(0,-1)"> &crarr;</span>
    </div>
   </main>
<script>
(function() {
  'use strict';
  angular
  .module('app', [])
   .controller('AppController', ['$scope', function($scope) {
       $scope.letter = 'qwerty';
       $scope.inputstring = "";
       $scope.getLetter = function(letter) {
            $scope.inputstring += letter ;
       };


  }]);

})();
</script>
</body>
</html>

Переключение раскладки и shift

<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
  <style type="text/css">
  div {height:20px;}
  div span{
    cursor: pointer;
    border:1px solid black;
  }

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"></script>
</head>
<body>
   <main ng-controller="AppController">
    <div >{{ inputstring }}</div>
    <div>
      <span ng-click="chngShift()"> {{view}}</span>
      <span ng-click="chngLetter()"><img src="https://javascript.ru/forum/images/smilies/smile.gif"/></span>
      <span ng-repeat='b in letter' ng-click="getLetter(b)"> {{b}}</span>
      <span ng-click="inputstring = inputstring.slice(0,-1)">&lArr;</span>
    </div>
   </main>
<script>
(function() {
  'use strict';
  angular
  .module('app', [])
   .controller('AppController', ['$scope', function($scope) {
       var alfa ={eng:{alt:'rus',alf:'qwerty'}, rus:{alt:'eng',alf:'йцукен'}};
       var shift ={up:{alt:'down',view:'String.fromCharCode(0x21D1)'},down:{alt:'up',view:'String.fromCharCode(0x21D3)'}};
       $scope.view =  eval(shift.up.view);
       $scope.shift =  shift.up.alt;
       $scope.letter = alfa.eng.alf;
       $scope.language =alfa.eng.alt;
       $scope.inputstring = "";
       $scope.getLetter = function(letter) {
            $scope.inputstring += letter ;
       };
       $scope.chngLetter = function() {
            $scope.letter = alfa[$scope.language].alf ;
            $scope.language =alfa[$scope.language].alt ;
            if(shift[$scope.shift].alt == 'down')
              { $scope.letter = $scope.letter.toUpperCase(); }
            else 
              { $scope.letter = $scope.letter.toLowerCase(); };
       };
       $scope.chngShift = function() {
            if(shift[$scope.shift].alt == 'up')
              { $scope.letter = $scope.letter.toUpperCase(); }
            else 
              { $scope.letter = $scope.letter.toLowerCase(); };
            $scope.view =  eval(shift[$scope.shift].view);
            $scope.shift =  shift[$scope.shift].alt;
       };
  }]);

})();
</script>
</body>
</html>

Dilettante_Pro,
:dance: :)

рони,
shift добавлен:victory: немного костыльно:-E

Dilettante_Pro,
:) :victory:

почему у меня, после того как я стер одну букву, то снова клик не работает? Нужно снова обновить страницу и написать...

С шифтом я разберусь после того как с backspace разберусь... Shift очень интересно))))

Цитата:

Сообщение от Djambulat

в каком это браузере?

Google.
А все я так сделал...

<span ng-click="remo()">&lArr;</span>

$scope.remo = function() {
	       $scope.inputstring = $scope.inputstring.slice(0, -1);
	};

Теперь нужно к Shift приступать))))))