Отключить field.hide в угловом формате

Директива по умолчанию для скрытия с угловым форматом - ng - если она может быть сконфигурирована, например, formlyConfigProvider.Отключить field.hide в угловом формате

В настоящее время все мои поля всегда должны отображаться, и я не хочу иметь ненужные значения ng-if = "! Field.hide", которые могут отображать результаты, которые могут повлиять на производительность.

Как я могу сказать, что не следует использовать эту проверку для поля/формы или по всему миру?

источник

2017-02-06 Akusai

вы установили hide-directive="ng-show" в мерно-форму

<formly-form hide-directive="ng-show"></formly-form>

"пряток директивы

позволяет контролировать директиву, используемую для скрытия полей. Общее значение для этого может быть нг-шоу. Он также будет указан на глобальном уровне с помощью formlyConfig.extras.defaultHideDirective = 'ng-show' '

http://docs.angular-formly.com/docs/formly-form

Таким образом, вы можете установить его, как я проинструктировал или вы можете изменить его в конфигурации при запуске для всех полей

источник

2017-02-07 18:54:00 MattE

Это не дает ответа на вопрос. Чтобы критиковать или просить разъяснения у автора, оставьте комментарий ниже их сообщения. - [Из обзора] (/ review/low-quality-posts/15135060) –

Это абсолютно правильный ответ ... Я бы посоветовал вам использовать формульно и узнать сами, а затем вернуться и извиниться перед мной. Я использую его каждый день на работе, я думаю, что знаю. http://angular-formly.com/#/ – MattE

, когда я рассматривал ваш ответ, он не выполнялся. после моего комментария вы отредактировали свое сообщение. когда вы отправляете ответ, тогда напишите полную причину, и только один или два строчных ответа могут рассматриваться как Комментарий и удалены из членов сообщества. –

нг-если добавлять и удалять элементы из DOM, когда вы хотите, чтобы показать и скрыть большое количество элементов может быть медленным, вы можете использовать ng-show. ng-show изменит только видимость элемента.

<html lang="en" itemscope="" itemtype="http://schema.org/Article"> 
 
    <head> 
 
    <script> 
 
     var oModelesDep = []; 
 
    </script> 
 

 
    <!-- Angular Material requires Angular.js Libraries --> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.min.js"></script> 
 
    <script src="https://s3.amazonaws.com/gowpres/resources/js/utils/jquery-1.10.2.js"></script> 
 

 
    <!-- Angular Material Library --> 
 
    <script src="https://www.weldpad.com/starterkit.js?containerId=60515"></script> 
 

 
    <script data-meta="61021" src="https://www.weldpad.com/sogettopanswerers.html?containerId=61021"></script>    
 
    
 
       
 
    </head> 
 
    <body ng-controller="AppCtrl" ng-app="MyApp"> 
 
    <h4 ng-init="showchat = true">Your - Starter Kit</h4> 
 
    <button ng-click="showchat = false">hide</button> 
 
    <button ng-click="showchat = true">show</button> 
 

 
    {{showchat}} 
 

 
    <sogettopanswerers ng-show="showchat" tag="html"> 
 
     <div ng-repeat="qdata in listqdata.items track by $index" style="background-color: white;"> 
 

 
     <div class="well" style="overflow: auto;"> 
 
      <h2> 
 
      <a href="{{qdata.link}}" class="question-hyperlink"> 
 

 
       {{qdata.title}} 
 
      </a> 
 

 
      <small>{{qdata.view_count}} Views</small></h2> 
 

 
      <contentashtml ng-init="load()" content="qdata.body"> 
 
      </contentashtml> 
 

 
      <div style="padding:15px;display: inline-block;vertical-align: top;"> 
 
      <p>Name: {{qdata.owner.display_name}}</p> 
 

 
      <a href="{{qdata.owner.link}}"> 
 
       <img ng-src="{{qdata.owner.profile_image}}" alt="Description"/> 
 
      </a> 
 
      </div> 
 
      <div style="display: inline-block;"> 
 
      <p>Created: <span am-time-ago="qdata.creation_date * 1000"></span></p> 
 
      <p> 
 
       Last Update:<span am-time-ago="qdata.last_activity_date * 1000"></span> 
 
      </p> 
 
      <p> 
 
       Answered:{{qdata.is_answered}} 
 
      </p> 
 
      </div> 
 
      <p> 
 
      Answers:{{qdata.answer_count}} 
 
      </p> 
 

 
     </div> 
 

 
     </div> 
 
    </sogettopanswerers>  
 

 
    
 
    </body> 
 
</html>

Посмотрите на линии:

<sogettopanswerers ng-show="showchat" tag="html">

и посмотреть, как быстро ответ.

источник

2017-02-07 19:23:03 WeldPad

Отключить field.hide в угловом формате

ответ

Смежные вопросы