使用angular-jqm适配器的Jquery mobile和angularjs。当页面加载时,Angularjs和JQM都不起作用。附加输出

时间:2013-11-20 06:37:16

标签: javascript jquery angularjs jquery-mobile

这是我的代码。它是角度jqm github帐户中的基本模板。进口似乎有一些错误。因为除了那之外没有太多代码。

<!DOCTYPE html>
<html >
<head>
    <link rel="stylesheet" type="text/css" href="jquery/css/jquery.mobile.structure-1.3.2.min.css"/>
<link rel="stylesheet" type="text/css" href="jquery/css/jquery.mobile.theme-1.3.2.min.css"/>
<link rel="stylesheet" type="text/css" href="jquery/css/jquery.mobile-1.3.2.min.css"/>
<script src="jquery/jquery-1.10.2.min.js"></script>
<script src="jquery/jquery.mobile-1.3.2.min.js"></script>
<script src="ang/angular.js"></script>
<script src="ang/angular-mobile.js"></script>
<script src="ang/angular-jqm.js"></script>
<script src="ang/angular-scrolly-docs.js"></script>
<script>
    function TextController($scope) {
        $scope.someText = 'You have started your journey.';
    }
</script>

    <script src="app.js"></script>
</head>

<body ng-app="app" jqm-caching-view >

<div jqm-page>
<div jqm-header>
<h3>Header</h3>
</div>
Hello 
<p>{{someText}}</p>
<div jqm-footer>
<h3>footer</h3>
</div>  
</div>
</body>

这是输出: enter image description here

angularjs既不起作用也不起作用。

1 个答案:

答案 0 :(得分:0)

app.js文件中包含哪些内容?

首先,您需要使用类似“var myApp = angular.module('app', ['jqm']);”的内容来使您的应用使用angular-jqm。

其次,您需要ng-controller(或路由代码)将TextController连接到当前页面。