沒有在Angular.js中註冊的雙括號html

我剛剛學到了angular.js（我用這個詞「學會」鬆散地），我試圖做一個基本的網站，並且一直停留在表單驗證上。我意識到我從「用angular.js構建」學到的雙括號符號不在我擁有的網頁上註冊。我一整天都在黑客攻擊，你可能會看到我的代碼不止一些問題（請隨時發表評論）。沒有在Angular.js中註冊的雙括號html

我談論的一段代碼是這樣的：

<div class="divvy" ng-repeat="slider in main.sliders"> 
    <h3> 
    {{slider.name}} costs {{slider.cost | currency}} 
    </h3> 
</div>

我會包括整個代碼，但參考，類「瓜分」只是爲了讓屏幕上居中的DIV一個令人費解的方式。我的頭讀取，因爲這：

<head> 
    <link rel="stylesheet" type="text/css" href="style.css" /> 
    <link href="https://fonts.googleapis.com/css?family=Didact+Gothic|Ek+Mukta|Montserrat" rel="stylesheet"> 
    <script type="text/javascript" src="script.js"></script> 
    <script type="text/javascript" src="//code.angularjs.org/snapshot/angular.min.js"></script> 

    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 

    </head>

而且的script.js文件是相當簡單的，因爲我還沒有真正做到與它任何事情，除了調試，爲什麼這是行不通的。

(function(){ 
var app = angular.module("myModule",[]); 
app.controller('MainController',function(){ 
    this.products= sliders; 
}); 


var sliders= [ 

    {name: "Charles", 
    cost: "4.20" 
    }, 
    { 
    name:"Alfred", 
    cost:"30" 
    }, 
    { 
    name:"Something that costs 10 bucks", 
    cost:"10.1" 
    } 



    ] 

    })()

請幫我一把。我認爲我正在嘗試修復的東西使得我無法正確使用角度（在那裏有一個按鈕用於編輯文本（也是一種調試嘗試），它曾經工作但不再之後一些ctrl + z讓我失去了我的位置）。此外，如果你有額外的時間，有一個背景圖片，我花了很多時間搞清楚如何居中並使其「防縮放」，但我想動態編輯它（背景隨幻燈片或淡變更改），但背景img卡在style.css html {}中......我不知道如何使用「myStyle」編輯它，甚至首先使用ng-myStyle。謝謝。完整的代碼是在plunker，在這裏：https://plnkr.co/edit/H4uhcU

來源

2017-07-18 Quibble

它應該是，

<div class="divvy" ng-repeat="slider in main.products">

DEMO

var app = angular.module("myModule",[]); 
 
app.controller('MainController',function(){ 
 
    var sliders= [ 
 
    {name: "Charles", 
 
    cost: "4.20" 
 
    }, 
 
    { 
 
    name:"Alfred", 
 
    cost:"30" 
 
    }, 
 
    { 
 
    name:"Something that costs 10 bucks", 
 
    cost:"10.1" 
 
    }]; 
 

 
    this.products= sliders; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<body ng-app= "myModule" ng-controller="MainController as main"> 
 
<div class="divvy" ng-repeat="slider in main.products"> 
 
    <h3> 
 
    {{slider.name}} costs {{slider.cost | currency}} 
 
    </h3> 
 
</div>

來源

2017-07-18 19:03:48 Sajeetharan

嘿，這不是爲我工作。我不知道問題出在哪裏，但是我已經拿出了大部分沒有直接關係的代碼，並將它們放在「readme」中; 我已經上傳了新的plunker：https://plnkr.co/edit/H4uhcU – Quibble

你還沒有推薦過script.js。在這裏檢查https://plnkr.co/edit/Y7YhbX?p=preview – Sajeetharan

它現在的作品，問題是script.js引用是前面的谷歌api腳本引用。謝謝:) – Quibble

沒有在Angular.js中註冊的雙括號html

回答

相關問題