Question

为.aspx网站构建一个小框架。项目名为Dwarf，可在GitHub上找到。

我正在解决的问题是使用部分问题。例如，在我的一个页面中，我在侧栏中有一个部分可以输入.html文件。页面中的引用是

<!--#include file="/_includes/template/product-pages/product-links-contact-rep.html" -->

如何在这里集成AngularJS以使用部分？

我在想

<!-- this is just an example -->
<script type=text/ng-template id=product-links-contact-rep.html>
    <!-- Links -->
    <ul>
      <li><ahref="http://www.example.com/link1">link 1</a></li>
      <li><ahref="http://www.example.com/link2">link 2</a></li>
    </ul>
</script>

并且整个脚本都在页面中？，如何为部分地址解决路由？

我来自rails背景，初学ASP和Angular新手。所以我很感激被指出我的知识差距在哪里，以便我可以自己做进一步的研究。

Answer 1

你可以开始的方法（不是说它最好的方法）但满足你的需要是在angularjs中使用指令

这是代码

main.js

var app = angular.module('myApp', []);
app.controller('MyCtrl', function($scope) {


});
app.directive("sidebar",function(){
  return {
    restrict: 'A',
    templateUrl: "product-links-contact-rep.html.html",
    link : function(scope,element,attr) {
       // Do Great things here with your sidebar
    },
    }
});

的index.html

<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="utf-8">
        <title>Side Bar</title>  

        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>

        <script type="text/javascript" src="main.js"></script>

    </head>
    <body ng-app="myApp">
<script type="text/ng-template" id="product-links-contact-rep.html.html">
    <!-- Links -->
    <ul>
      <li><a href="http://www.example.com/link1">link 1</a></li>
      <li><a href="http://www.example.com/link2">link 2</a></li>
    </ul>
</script>
<div ng-controller="MyCtrl">
        <div sidebar></div>
        </div>
    </body>
</html>

以下是工作的plunker代码供参考：http://plnkr.co/edit/NAR1g5?p=preview

如何使用AngularJS替换.asp包含？

1 个答案: