Dynami c Языковой перевод на Angular JS - PullRequest
Новая
       52

Dynami c Языковой перевод на Angular JS

0 голосов
/ 04 августа 2020

Я новичок в Angular JS и только начал учиться ... Я создал базовое c веб-приложение в Angular JS и пытаюсь преобразовать приложение на других языках.

Чтобы выполнить преобразование, для stati c текста я могу написать слова перевода в скрипте. js. Может ли кто-нибудь помочь мне сделать динамический c текстовый перевод .. Вместо stati c.

Ниже мой код

index. html

<!DOCTYPE html>
<html ng-app="myApp">
<html ng-app="plunker" >

  <head>
    <script data-require="angular.js@1.3.8" data-semver="1.3.8" src="https://code.angularjs.org/1.3.8/angular.js"></script>
    <script data-require="angular-translate@*" data-semver="2.5.0" src="https://cdn.rawgit.com/angular-translate/bower-angular-translate/2.5.0/angular-translate.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
     <meta charset="utf-8">
  
  </head>

  <body>
    <div ng-controller="translateController">
      <h1>Demo for angularJS translator</h1>
      
      <div>
        <button ng-click="changeLanguage('en')">English</button>
        <button ng-click="changeLanguage('sp')">Spanish</button>
      </div>
         
      <h2>{{'language' | translate}}</h2>
      
      Hello!!!
      
        <form>
    Name: <input type="text" ng-model="firstname">
  </form>
  <h3>You entered: {{firstname}}</h3>
      
      <p>{{'firstname' | translate}}</p>
      
      <hr />
      
        <form>
    Designation: <input type="text" ng-model="designation">
  </form>
  <h3>You entered: {{designation}}</h3>
  
   <p>{{'designation' | translate}}</p>
  <hr />
   </div>
    
  </body>

</html>
`

скрипты. js

var app = angular.module("myApp",['pascalprecht.translate']);

app.config(["$translateProvider", function($translateProvider){
  
  var en_translations = {
    "language" : "Selected Language English",
    "firstname" : "Welcome RR", 
    "designation": "SRE"
  }
  
  var sp_translations = {
    "language" : "Selected Language Spanish",
    "firstname" : "Bienvenida shwettha",
    "designation": "SRE"    
  }
  
  $translateProvider.translations('en',en_translations);
  
  $translateProvider.translations('sp',sp_translations);
  
  $translateProvider.preferredLanguage('en');
  
}]);

app.controller("translateController" ,["$scope","$translate",function($scope,$translate){
  $scope.changeLanguage = function(lang){
   $translate.use(lang); 
  }
}]);
...