問題與角度分離的示波器

我想運行此程序，我看不到輸出。你可以讓我知道我在這裏失蹤了什麼。提前致謝。問題與角度分離的示波器

<html> 
<head ng-app="myApp"> 
<title>Test</title> 

<link rel="stylesheet" href="//cdn.jsdelivr.net/foundation/4.3.2/css/foundation.min.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.js"></script> 

</head> 
<body> 
<div my-directive my-url="http://www.google.com" my-click="Click me"> 

</div> 
</body> 
<script> 
angular.module('myApp',[]).directive('myDirective',function() 
{ 
    return 
    { 
     restrict : 'AE', 
     replace : true, 
     scope : 
     { 
      myURL :'@', 
      myClick : '@' 
     }, 
     template : '<a href="{{myURL}}">{{myLinkText}}</a>' 
    }; 
}); 
</script> 
</html>

來源

2016-12-16 ang123

我做了免費的代碼錯誤，但還是我看不到在輸出任何東西....我可以知道預期輸出..... HTTP：//plnkr.co/edit/auTH8bStpHrX7r8xUJbI P =預覽.. ...希望有人能幫到這個 –

謝謝。您沒有看到「點擊我」按鈕，因爲模板定義是錯誤的。請修改代碼的模板部分，並將「Click Me」作爲輸出。期望的是它應該重定向到google.com點擊它，對吧？不知道我是否缺少任何模板：'{{myClick}}' – ang123

在以前的版本中，指令已經發生了很大變化，特別是在隔離區範圍內。你正在使用一個相當老的AngularJS版本。你有可能升級到1.5甚至1.4嗎？ – Toddsden

它看起來像你把你的Angular應用程序的根放在標題中而不是在正文中。從頭部更改ng-app="myApp"屬性的位置到身體或HTML元素

<html ng-app="myApp"> <!-- new location --> 
<head > <!-- ng-app="myApp" it was here --> 
    <title>Test</title> 

    <link rel="stylesheet" href="//cdn.jsdelivr.net/foundation/4.3.2/css/foundation.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.js"></script> 

</head>

在指令{{myLinkText}}不存在，它應該改名爲{{myClick}}

來源

2016-12-16 03:27:54

感謝您的更正。它仍然沒有工作。我得到一個空白頁面。 – ang123

我在瀏覽器控制檯中看到以下幾個錯誤：isolatedscopes2.html：22未捕獲的SyntaxError：意外的令牌： angular.js：78未捕獲的錯誤：[$ injector：modulerr]由於：錯誤： $ injector：nomod]模塊'myApp'不可用！您拼錯了模塊名稱或忘記加載模塊名稱。如果註冊模塊確保您指定依賴關係作爲第二個參數。 – ang123

一些如何通過花一整天我能夠顯示文本，並能夠點擊它，但沒有重定向到提到的URL，我在控制檯中出現錯誤，如Refused to display 'https://www.google.co.in/?gfe_rd=cr&ei=kepTWNDiIvLI8Afnp4HIBg' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.，你可以找到相同的here in console

來源

2016-12-16 13:27:33

感謝您的更新。有關解決控制檯錯誤的任何想法以及如何使其工作？ – ang123

不幸的是，我也不知道並等待有人知道這件事 –

問題與角度分離的示波器

回答

相關問題