無法隱藏摩納哥編輯器

Question

我的頁面上有一個Monaco編輯器。 現在，我需要不時隱藏/顯示它。 但是我意識到，使用ng-show ， ng-hide或ng-if不能很好地工作（請參見下面的屏幕截圖）。 有沒有人有辦法解決嗎？

https://jsbin.com/mepupagisi/4/edit?html，輸出

<!DOCTYPE html>
<html>
<head>
    <script src="https://code.jquery.com/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
</head>
<body>
    <div ng-show="true">
        <div id="container"></div>
    </div>
    <script src="https://www.matrixlead.com/monaco-editor/min/vs/loader.js"></script>
    <script>
        require.config({ paths: { 'vs': 'https://www.matrixlead.com/monaco-editor/min/vs' }})

        require(["vs/editor/editor.main"], function () {
          var editor = monaco.editor.create(document.getElementById('container'), {
            value: 'function x() {\n\tconsole.log("Hello world!");\n}',
            language: 'javascript',
            minimap: { enabled: false },
            scrollBeyondLastLine: false
          });
        });
    </script>
</body>
</html>

編輯1：我仍然看到一條細線：

Answer 1

為了使用AngularJS指令，您首先必須通過將ng-app屬性添加到容器元素來聲明應用程序的范圍。 例如：

<body ng-app>
  <div ng-hide="true">
    Will be hidden
  </div>
</body>

現在，您可以在body標簽內使用所有內置的AngularJS指令。

這是一個正在運行的JSBin演示。 了解ng-hide=true如何隱藏摩納哥編輯器。 刪除該指令或將其更改為ng-hide=false可以再次看到它。

無法隱藏摩納哥編輯器

問題描述

1 個解決方案

解決方案1
0 已采納 2018-01-06 10:03:40

無法隱藏摩納哥編輯器

問題描述

1 個解決方案

解決方案1 0 已采納 2018-01-06 10:03:40

解決方案1
0 已采納 2018-01-06 10:03:40