2015-11-05 61 views
0

我想調用一個來自jQuery的模態,它將調用一個頁面,這將是一個基於角度的。 我從一個2頁的小應用程序開始。這是我的文件夾結構:從jQuery角度模態

<main folder> 
----index.html 
----index.js 
----blah.js 
----blah.html 
----style.css 

index.html中我加載角之前的jquery 的index.html:

<body> 
<h1>jQuery + jQuery UI Template</h1> 
<p>Click the button; I dare you.</p> 
<p> 
    <button id="clickme">Click me</button> 
</p> 
<!-- Put your html here! --> 
<div id='somediv'></div> 
</body> 

Index.js:

$(function(){ 
var url = './blah.html'; 
$("button").button().click(function(e){ 
    $("#somediv").load(url).dialog({modal:true}); 
    }); 
}); 

blah.js

var app = angular.module('plunker', []); 
app.controller('MainCtrl', function($scope) { 
    $scope.name = 'World'; 
}); 

bla h.html:

<html ng-app="plunker"> 
<head> 
    <meta charset="utf-8" /> 
    <title>AngularJS Plunker</title> 
    <link rel="stylesheet" href="style.css" /> 
</head> 
<body ng-controller="MainCtrl"> 
    <p>Hello {{name}}!</p> 
</body> 
</html> 

現在在控制檯中沒有錯誤,但Angular也不起作用。任何指針?

+0

https://docs.angularjs.org/guide/bootstrap看看這裏的手工初始化。 –

+0

謝謝@PetrAveryanov,但那也行不通。 – batmaniac7

回答