J'ai déjà consulté les questions liées à cela, mon code est correct, comme répondu à la question précédente, puis ne fonctionne pas non plus. Son code débutant très simple

<html ng-app="">
<head>
    <title>Assignment</title>
    <script src="‪js/angular.min.js" ></script>
    <style type="text/css">
        .body{
                background-color: red
        }
    </style>
</head>
<body>
    Enter name <input type="text" ng-model="color" name=""><br>
    Name : {{color}}

</body>
</html>

Output: enter name: _______________ name: {{color}} Je n'obtiens pas la valeur qui a essayé de stocker en couleur.

-1
Mohammed Singapurwala 25 sept. 2020 à 05:22

2 réponses

Meilleure réponse

Vous devez appliquer la syntaxe de code et la structure html correctes. - en particulier en enveloppant le code dans ng-app et ng-controller.

Notez que vous pouvez appliquer une couleur d'arrière-plan pendant que la personne tape - et cela changera la couleur d'arrière-plan du corps - mais UNIQUEMENT lorsque le texte saisi correspond à une valeur qui est une couleur reconnue. Par exemple: "rouge" rendra l'arrière-plan rouge, mais si vous supprimez ce caractère cahracter bey puis tapez "bleu", l'arrière-plan sera blanc lorsque le mot ne correspond pas à une couleur définie - par exemple: rouge ... re. .. r ... b ..bl ... blu ... bleu.

Il serait préférable d'utiliser la méthode .blur() pour changer la couleur d'arrière-plan lorsque l'utilisateur a fini de taper - plutôt que le texte saisi en appuyant sur la touche. Vous n'êtes toujours pas garanti d'une pensée de couleur valide - il serait donc préférable d'utiliser une liste de sélection et un ensemble défini d'options pour les couleurs. Même dans ce cas - j'assinirais une classe avec le style requis et ajouter / supprimer la classe - par exemple: body.red {background-color: red}; body.blue {couleur d'arrière-plan: bleu};

Il existe de meilleures façons de changer la couleur d'arrière-plan - mais cette démo vous donnera les bases sur la façon de configurer votre application angulaire et comment référencer la variable $ scope.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport"
     content="width=device-width, initial-scale=1, user-scalable=yes">
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>

  <script>
   angular.module('DemoApp', [])
   .controller('DemoController', ['$scope', function($scope) {
       $scope.color = "red";
   }]);

  </script>

</head>
<body ng-app="DemoApp" ng-controller="DemoController" ng-style="{'background-color': color}">

Enter name <input type="text" ng-model="color" name=""><br/>Name : {{color}}
</body>
</html>
0
gavgrif 25 sept. 2020 à 03:02

J'ai trouvé un personnage filaire devant js /

<script src="‪js/angular.min.js" ></script>

Cela fait échouer l'importation angularjs.

Essayez de retaper l'url ou utilisez le cdn officiel.

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.0/angular.min.js" ></script>
0
Rex Huang 25 sept. 2020 à 03:16