我正在使用AngularJS和Foundation.
要初始化Foundation JS,您必须进行以下调用:
$(document).foundation();
在AngularJS应用程序中进行此调用的最佳方法是什么？代码示例将不胜感激.
另外,如果我要编写一个围绕Foundation JS组件的指令,我怎么能确保Foundation被初始化？
我正在开发一个使用Zurb Foundation作为其CSS框架的AngularJS项目.我试图弄清楚如何在AngularJS视图的上下文中使用Foundation的数据交换.这甚至可能,我似乎无法让它工作.这就是我目前拥有的:
的index.html
<!DOCTYPE html>
<html ng-app='app' xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="foundation/normalize.css" />
<link rel="stylesheet" href="foundation/foundation.min.css" />
<link rel="stylesheet" href="app.css" />
</head>
<body>
<div id="view" ng-view></div>
<script type="text/javascript" src="jquery/2.0.3/jquery.min.js"></script>
<script type="text/javascript" src="foundation/foundation.min.js"></script>
<script type="text/javascript" src="angularjs/1.2.7/angular.min.js"></script>
<script type="text/javascript" src="angularjs/1.2.7/angular-route.min.js"></script>
<script type="text/javascript" src="app.js"></script>
</body>
</html>
app.js
angular.module('app', ['ngRoute'])
.config(function ($routeProvider, $locationProvider) {
$locationProvider.html5Mode(true);
$routeProvider
.otherwise({ templateUrl: '/views/interchange.html', controller: myCtrl });
})
.run(function ($rootScope, $location) {
$rootScope.$on('$viewContentLoaded', function () {
$(document).foundation();
});
})
; …我刚刚提到了一个答案,提到基金会和AngularJS并不能很好地融合在一起.
这引出了一个问题:在Bootstrap和Foundation之间做出决定时,是否有更好的与MVC框架集成？或者它只是AngularJS案例,因为它接管了这么多东西？
Foundation和Bootstrap提供了自己的小部件,而AngularJS可能会接管除了普通MVC之外的更多东西(比如Backbone).关于选择MVC框架的自由是否有任何考虑？
作为普通网格框架,我真的很喜欢基金会,但我担心Bootstrap的流行能否在组合其他项目时提供一条不那么惊喜的道路.
javascript-framework twitter-bootstrap zurb-foundation angularjs