Sidemenu доступа ионных

Question

Controller.js:

.controller('ParametresCtrl',['$scope','$stateParams','$state','cgtdata','$ionicPopup', 

function($scope,$stateParams,$state,cgtdata,$ionicPopup) { 
    document.getElementById('test').style.color='red'; 

menu.html:

<ion-side-menus enable-menu-with-back-views="true"> 
    <ion-side-menu-content> 
    <ion-nav-bar class="bar-stable"> 


     <ion-nav-buttons side="left"> 
     <button class="button button-icon button-clear ion-navicon" menu-toggle="left"> 
     </button> 
     </ion-nav-buttons> 
    </ion-nav-bar> 
    <ion-nav-view name="menuContent"></ion-nav-view> 
    </ion-side-menu-content> 

    <ion-side-menu side="left"> 
    <ion-header-bar class="bar-stable"> 
     <h1 class="title">Tiime-ae</h1> 
    </ion-header-bar> 
    <ion-content> 
     <ion-list> 
     <!--<ion-item menu-close ng-click="login()"> 
      Login 
     </ion-item>--> 
     <ion-item menu-close href="#/app/home"> 
      Home 
     </ion-item> 
     <ion-item menu-close href="#/app/registre"> 
      registre 
     </ion-item> 
     <ion-item menu-close href="#/app/documents"> 
      Documents 
     </ion-item> 
     <ion-item menu-close href="#/app/facturer"> 
      Facturer 
     </ion-item> 
     <ion-item menu-close href="#/app/parametres"> 
      Paramètres 
     </ion-item> 
     </ion-list> 
    </ion-content> 
    </ion-side-menu> 
</ion-side-menus> 

parametres.html:

<ion-view view-title="Parametres"> 
    <ion-nav-buttons side="right"> 
    <div class="h1 title">Header Buttons</div> 
    <button id="test" class="button button-clear button-positive">Edit</button> 
    </ion-nav-buttons> 
    <ion-content> 

    <h2>Mon Compte</h2> 
    <ul class="list"> 
     <li class="item"> 
     <p class="param-right">{{email}}</p><p>Email :</p> 
     </li> 
     <li class="item" ng-click="changepass()"> 


     <div class="chevron-mdp ion-chevron-right" data-pack="default" data-tags="arrow,right"></div> 
     <p>Modifier mon mot de passe : </p> 
     </li> 
    </ul> 
    <h2>Activité</h2> 
    <ul class="list"> 
     <li class="item"> 
      <ion-toggle ng-repeat="item in settingsList" 
         ng-model="item.checked" 
         ng-checked="item.checked"> 
       {{ item.text }} 
      </ion-toggle> 

     </li> 
    </ul> 
    <h2 id="edit">Mon entreprise</h2> 
    <ul class="list"> 
     <div class="list"> 
      <label class="item item-input item-select"> 
      <div class="input-label"> 
       Période de déclaration 
      </div> 
      <select> 
       <option>Mensuelle</option> 
       <option>Trimestrielle</option> 
      </select> 
      </label> 
     </div> 


     <div class="list"> 
      <label class="item item-input item-select"> 
      <div class="input-label"> 
       Bénéficiaire ACCRE 
      </div> 
      <select> 
       <option>Oui</option> 
       <option>Non</option> 
      </select> 
      </label> 
     </div> 




     <li class="item"> 
      <input ng-change="firstchange()" ng-model="nam" class="param-right"></input><p>Prénom</p> 
     </li> 
     <li class="item"> 
      <p class="param-right">{{lastname}}</p><p>Nom</p> 
     </li> 
     <li class="item"> 
      <p class="param-right">{{commercial}}</p><p>Nom Commercial</p> 
     </li> 
     <li class="item"> 
      <p class="param-right">{{siret}}</p><p>Siret</p> 

     </li> 
     <li class="item"> 
      <p class="param-right">{{creation}}</p><p>Date de création</p> 

     </li> 
     <li class="item"> 
      <p class="param-right">{{addresse}}</p><p>Addresse</p> 

     </li> 
     <li class="item"> 
      <p class="param-right">{{cp}}</p><p>Code postal</p> 

     </li> 
     <li class="item"> 
      <p class="param-right">{{city}}</p><p>Ville</p> 
     </li> 
     <li class="item"> 
     <p class="param-right">{{country}}</p><p>Pays</p> 
     </li> 
     <li class="item"> 
     <p class="param-right">{{phone}}</p><p>Téléphone</p> 
     </li> 
     <li class="item"> 
      <p>Ville d'imatriculation au RCS :</p> 
     </li> 
    </ul> 
    <h2>Factures</h2> 
     <div class="list"> 
      <label class="item item-input item-select"> 
      <div class="input-label"> 
       Délai de réglement 
      </div> 
      <select> 
       <option>A la réception</option> 
       <option>une semaine</option> 
       <option>15 jours</option> 
       <option>3 semaines</option> 
       <option>30 jours</option> 
       <option>40 jours</option> 
       <option>45 jours</option> 
       <option>60 jours</option> 
      </select> 
      </label> 
     </div> 

     <li class="item" ng-click="entete()"> 
      <div class="chevron-mdp ion-chevron-right" data-pack="default" data-tags="arrow,right"></div> 
     <p>En tête</p> 
     </li> 
     <li class="item" ng-click="mentions()"> 
      <div class="chevron-mdp ion-chevron-right" data-pack="default" data-tags="arrow,right"></div> 
      <p>Mentions légales</p> 

     </li> 
     <li class="item" ng-click="piedpage()"> 
      <div class="chevron-mdp ion-chevron-right" data-pack="default" data-tags="arrow,right"></div> 
     <p>Pied de page</p> 


     </li> 
    </ul> 
    <div class="button-bar bar-assertive"> 
     <a class="button activated" ng-click="showConfirm()">Deconnexion</a> 
    </div> 



    </ion-content> 
</ion-view> 

Я новичок в угловатый, вот мой вопрос: My controller.js является ссылкой на мой parametres.html и у меня есть следующая ошибка: TypeError: Can not read property 'style' of null

Потому что я хотел бы использовать css на моей кнопке «edit» с моего контроллера. Поэтому я поместил свою кнопку в parametres.html.

<ion-view view-title="Parametres"> 
    <ion-nav-buttons side="right"> 
    <div class="h1 title">Header Buttons</div> 
    <button id="test" class="button button-clear button-positive">Edit</button> 
    </ion-nav-buttons> 
    <ion-content> 

Потому, что я хочу сделать, это: с нг-изменения, когда я что-то изменить в parametres.html как значение, появится моя кнопка «редактировать». Кто-то знает, как я могу получить доступ к свойству css моей кнопки «редактировать» от контроллера, который не находится в ионном содержимом?

Answer 1

нормально я просто использовать это:

<button ng-style="displayed" class="button button-clear button-positive">Edit</button> 

и в моем контроллере: $scope.displayed = {'color':'red'};

я Жду знаю, что существует нг-класс!

И это работает!