Как вы можете уменьшить или уменьшить элемент, используя ng-if в angularjs?

Question

Как вы можете уменьшить или уменьшить элемент, используя ng-if в angularjs?

используйте либо:

$ your_other_program | python main.py

, чтобы отправить выход другой программы на python, либо использовать base64.b64encode(json.dumps(blah)), и вы получите красивый код, например

. 'eyJtQXV0b21hdGljVGVzdExpc3QiOiBbeyJtWSI6IDguMTE0MTA1LCAibU5hbWUiOiAiYWNjZWxlcmF0b3JFbnRpdHkiLCAibVRlc3RTdGF0dXMiOiB0cnVlLCAibVgiOiAzLjgwNDM1MTgsICJtWiI6IC0zLjM4OTU3MjF9LCB7Im1OYW1lIjogImJhcm9tZXRlckVudGl0eSIsICJtVmFsdWUiOiAwLCAibVRlc3RTdGF0dXMiOiBmYWxzZX1dLCAibUF1dG9tYXRpY1Rlc3RDb21wbGV0ZWQiOiB0cnVlfQ =='

, чтобы поместить в командной строке, а затем декодировать его обратно из base64 в формате JSON

Или, еще лучше, используйте:
$ your_other_program >output_file.tmp
$ python main.py < output_file.tmp
$ rm output_file.tmp

0

css3 angularjs

задан KingKongFrog 19 January 2019 в 05:47

1 ответ

Другие вопросы по тегам:

css3 angularjs

Похожие вопросы:

score 0 · Answer 1

Вы можете ввести модуль ngAnimate и воспользоваться некоторыми классами CSS, которые применяются при изменении DOM.

Для ng-if, вам нужно взглянуть на .ng-enter и .ng-leave в частности.

Ниже приведен пример для демонстрации.

Не забудьте проверить официальную документацию по анимации .

angular
  .module('app', ['ngAnimate'])
  .controller('ctrl', function ($scope) {
    $scope.playerId = false;
  })
  .component('mySection', {
    template: '<pre>...</pre>',
  });

my-section {
  background: silver;
  display: block;
  height: 100px;
}
my-section.ng-enter,
my-section.ng-leave {
  transition: all ease-out .3s;
}
my-section.ng-enter,
my-section.ng-leave.ng-leave-active {
  height: 0;
}
my-section.ng-leave,
my-section.ng-enter.ng-enter-active {
  height: 100px;
}

<div ng-app="app" ng-controller="ctrl as $ctrl">
  <input type="checkbox" ng-model="$ctrl.playerId">
  <my-section ng-if="$ctrl.playerId"><my-section>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular-animate.min.js"></script>