ng-template

Posted 最爱小虾

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ng-template相关的知识,希望对你有一定的参考价值。

一,锚点链接

定义锚点:

                    <a href="#login" class="btn btn-primary">Login</a>
                    <a href="#about" class="btn btn-success">About</a>

二,定义ng-template:

                    <script id="login.html" type="text/ng-template">
                        <form action="">
                            <legend>
                                <caption>{{loginTitle}}</caption>
                            </legend>
                            <div class="form-group">
                                <label class="control-label" for="userName">UserName</label>
                                <input id="userName" type="text" class="form-control">
                            </div>
                            <div class="form-group">
                                <label class="control-label" for="userName">passWord</label>
                                <input id="passWord" type="text" class="form-control">
                            </div>
                            <p>
                                <button type="submit" class="btn btn-danger">提交</button>
                            </p>
                        </form>
                    </script>

 

以上是关于ng-template的主要内容,如果未能解决你的问题,请参考以下文章

Angular,为 ng-template 使用外部模板

ng-template中的剑道角度网格列传递数据项

ng2 - ng-container 和 ng-template 标签之间的区别

Angular5 - 将ng-template父组件传递给子组件

ng-template

使用 @ContentChildren() 访问每个 ng-template 名称