角かっこは機能しません、基本コード

<head> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js">    
    </script> 
</head> 
<body style="padding: 20px 20pc;"> 
    <div ng-app="app"> 
     <div ng-repeat="item in 'somewords'.split('')"> 
      {{$index + 1}}. {{item}} 
     </div> 
    </div> 
    <script type="text/javascript"> 
    </script> 
</body> 
</html>

こんにちは皆さん、私は古い投稿を探してみましたが、本当に助けになるものは何も見つかりませんでした。私はAngularを学んでおり、チュートリアルでは、与えられた単語の文字を数え、分割するはずのこのコードを使用します。私が抱えている問題は、中括弧がHTMLのどこにあるかのように中括弧が得られることです。私は間違って何をしていますか？角かっこは機能しません、基本コード

出典

2016-09-26 Peter

コンソールエラーがありますか？ – devqon

jsファイルはありますか？それでもアプリを起動する必要があります。 – TheFullResolution

を参照してください。問題を解決するには、track byを使用してください。

<div ng-repeat="item in 'somewords'.split('') track by $index"> 
     {{$index + 1}}. {{item}} 
</div>

Hereはコードフェンである。また、hereはいくつかのドキュメントです。

出典

2016-09-26 08:40:50

私はng-app="app"を参照していますが、モジュールを初期化するコードは表示されません（名前は 'app'）。任意のコードで初期化されたデータは使用しないため、<div ng-app>として書き直すことができます。

他の可能性は、モジュール（あなたがチュートリアルでより深く潜る場合は、おそらくとにかく必要があります）を定義することです：

angular.module("app", []);

EDITを

@Peter_Fretterは正しく、それを述べたようにng-repeatに重複があるため、まだ動作しません。あなたはtrack by $indexを使用していることを修正することができます：

<div ng-repeat="item in 'somewords'.split('') track by $index"> 
    {{$index + 1}}. {{item}} 
</div>

は、あなたが重複に問題があるthis jsfiddle

出典

2016-09-26 08:39:07 devqon

彼はJSファイルを投稿しなかった可能性があります。そのモジュールの宣言でも、コードは機能しません。問題の私の答えを確認してください。 –

角かっこは機能しません、基本コード

答えて

関連する問題