почему ng-show, ng-hide и ng-init не работают даже - PullRequest
0 голосов
/ 06 ноября 2018

Я на самом деле работаю над средним проектом стека, используя angularJs и nodejs, но я застрял на использовании ng-show, ng-hide и ng-hide

так вот мой index.html:

 <body ng-app="app">
    <div ng-controller="loginController"  ng-init="logged='false'" >

   <div class ="login" ng-hide="logged">
       <h3>Connexion </h3>
      <form action="" method="get">
    <label for="pseudo">Pseudo</label>
    <input type="text" name="pseudo">
    <label for="pwd">Mot de passe</label>
    <input type="password" name="pwd">
    <input type="submit" ng-click="auth()" value="Connexion">
       </form>
   </div>
</div>
   <div class="kuiz" ng-show="logged">
   {{ name }}
  </div>
  </body> 

app.js

/// reference path = "angular.min.js" />
var myApp = angular.module('app', []);


   myApp.controller('logincontroller',
   function($scope,$http){
     $scope.auth = function(data){
     $scope.logged = true;
    $scope.name= "lyes";
  }
 });

Как видите, я пытаюсь выполнить аутентификацию, но на самом деле я просто хочу показать форму аутентификации и скрыть ее после аутентификации.

PS: я включил все необходимые файлы.

Я получаю эти ошибки в моем браузере-инспекторе

Отказался от применения стиля из 'http://localhost:3116/main.css', поскольку его тип MIME (' text / html ') не является поддерживаемым типом MIME таблицы стилей, и включена строгая проверка MIME.

Не удалось загрузить ресурс: сервер ответил с состоянием 404 (не найдено)

1 Ответ

0 голосов
/ 06 ноября 2018

В вашем ng-init вы определяете logged='false', который устанавливает лог в строку false, а не в логическое false. Следовательно, ваши ng-hide и ng-show, вероятно, не работают должным образом. Вам нужно удалить кавычки вокруг false, чтобы сделать его логическим.

В качестве примечания, ваша auth функция ожидает ввода, но вы не передаете ее при нажатии ng.

Что касается ошибок в вашей консоли, вам не нужно действие или метод формы, которые устранят полученную ошибку 404.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...