検索

ホームページ  >  に質問  >  本文

angular.js - angular に関するいくつかの質問

angularjs には 2 つの既存の問題があります

1.
記事は $http を通じて読み込まれます。記事にはタイトルがあります。記事が読み込まれた後、ブラウザのタイトルを記事のタイトルに置き換えたいと思います。

リーリー

つまり、投稿が読み込まれた後、ブラウザのタイトルと post.title は同じように表示されます。
クロスドメイン通信ソリューションを検索してこれを見ました(これら 3 つの方法のうち、最初の 2 つは現在の構造には適していないため、3 番目の方法を使用して同期を実装しています。)致命的なのは、トリガー (クリックなど) を介して同期する必要があるということです。実際、トリガーを介して同期するのではなく、自動的に同期する方法を知りたいだけです。

2.
$scope コールバック、
たとえば、この読み込み記事には、pre タグで囲まれたコードが含まれており、読み込み後に他のライブラリを使用して強調表示を実装する必要があるため、データがバインドされてレンダリングされた後に強調表示操作を実行する必要があります。しかし、解決策は見つかりませんでした。
私もいくつか自分で書きましたが、両方の長所を取り入れています
最初のタイプ:
データ バインディング後、現在のページのすべての pre タグを再帰的にクエリし、見つかった後、または限られた回数の経過後に強調表示します。
2 番目のタイプ:
window.setTimeout(function(){}, 1000);
どちらの方法でも、最初の方法は何度再帰しても機能しません。pre タグ
が見つかりません。 2 番目のオプションも可能ですが、良い解決策とは思えません

过去多啦不再A梦过去多啦不再A梦2787日前585

全員に返信(2)返信します

  • 巴扎黑

    巴扎黑2017-05-15 16:54:56

    クロスドメイン通信の意味がよくわかりません。コントローラー間の通信でしょうか? そしてトリガー?

    1. data-* を使わずに直接 ng-bind を書くだけです
    2. </code> が配置されているコントローラは、コントローラ <code>main</code> と同じレベルにあります。親コントローラーをそれらの外部に追加してから、<code>mainController.$scope.$parent.title = post.title</code> を使用するか、$rootScope を直接使用することができます (非推奨)。 $emit/$broadcast/$on 経由でこれを行うこともできますが、必須ではありません。 <code><title></code> 所在的controller是和 <code>main</code>这个控制器平级的。你可以在他们之外加一个父控制器,然后<code>mainController.$scope.$parent.title = post.title</code>, 或者直接用$rootScope (不怎么推荐)。也可以通过$emit/$broadcast/$on 这样来做 不过没什么必要了。<br> 然后:</p> <pre><code><title ng-bind="$parent.title||'Default Title'"></title> </code></pre> <p>3、 以 <code>angular highlight</code>为关键字可以在github搜到一些不错的高亮插件。 bower install 之<br> 4、 不要用window.setTimeout, 用angular提供的 <code>$timeout()</code> 它会返回一个promise。<br> 5、 其实对于第二个问题更好的方法是使用 <code>$resource.get().$promise.then();</code> 次に: </p> リーリー 🎜3. <code>angular height</code> をキーワードとして使用して、github でいくつかの優れたハイライト プラグインを検索できます。 🎜のバウアーインストール 4. window.setTimeout を使用しないでください。angular によって提供される <code>$timeout()</code> を使用します。これは Promise を返します。 🎜 5. 実際、2 番目の問題を解決するより良い方法は、<code>$resource.get().$promise.then();</code> // または $http サービスを使用して、リモート データが確実に実装前にロードされます。 🎜</p><span class="detail_answer2" style="float: left" fid="200511"><div class="btn wenda-second-btn" name="巴扎黑" fid="200511">返事</div></span><i class="layui-icon layui-icon-praise wenda-praise-btn"><span>0</span></i></div></li><li class="layui-clear"><div class="discuss-img"><img src="https://img.php.cn/upload/avatar/000/000/001/6251028808086368.png" alt="PHP中文网"></div><div class="info f-left ml-10"><p><a rel="nofollow" href="https://m.php.cn/ja/member/1.html" fid="" class="replyer-name">PHP中文网</a><span>2017-05-15 16:54:56</span></p><p class="content Overflow_line"><p>記事を表示するテンプレートの title 要素にクラス <code>wtitle</code> を追加すると、現在のページのタイトルが記事のタイトルに変更されます。<br> WeChatでもできますよ~</p> <p>wtitleの機能は、element.text()の内容をdocument.titleとして設定することです。iframeを使用する目的は、アプリのWebビューで有効にすることです</p> リーリー</p><span class="detail_answer2" style="float: left" fid="200512"><div class="btn wenda-second-btn" name="PHP中文网" fid="200512">返事</div></span><i class="layui-icon layui-icon-praise wenda-praise-btn"><span>0</span></i></div></li><div class='more'></div></div><div class='discuss-submit bg-white'><li class='info layui-clear'><span class='f-left' id='discuss-submit-close'>キャンセル</span><span class='f-left wenda-reply-text'>返事</span></li><li class='layui-clear'><textarea type='text' rows="6" placeholder="レビューの内容を入力してください" class="wenda-reply-content-text"></textarea></li><li class='layui-clear'><button class="layui-btn layui-btn-danger f-right wenda-reply-publish-button">公開</button></li></div><div class='lock-screen' id='lock-screen'></div><script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js"></script><div class="headerMask"></div><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!</p></div><div class="footermid"><a href="https://m.php.cn/ja/about/us.html">私たちについて</a><a href="https://m.php.cn/ja/about/disclaimer.html">免責事項</a><a href="https://m.php.cn/ja/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></body></html>