2

ダーツは初めてです。

SethLaddのブログでweb-uiの例を作成しようとしています。新しいアプリケーションを作成しました。

私のhtmlは次のようになります：

<!DOCTYPE html>
<html> 

  <head> 
    <meta charset="utf-8"> 
    <title>Proefje</title> 
    <link rel="stylesheet" href="Proefje.css"> 
  </head> 

  <body> 

    <h1>Hello MDV</h1> 
    <p>MDV is {{superlative}}</p> 
    <button id="change-it" on-click="changeIt()">Change</button> 

    <script type="application/dart" src="Proefje.dart"></script> 
    <script src="https://dart.googlecode.com/svn/branches/bleeding_edge/dart/client/dart.js"></script> 
  </body> 
</html>

そして、このようなダーツコード：

import 'dart:math';
import 'dart:html'; 
import 'package:web_ui/web_ui.dart'; // not sure about this line

String superlative; 
List<String> alternatives = const ['wicked cool', 'sweet', 'fantastic']; 
Random random; 

main() { 
  superlative = 'awesome'; 
  random = new Random(); 
  query('#change-it').text = 'Do Change'; 
} 

changeIt() => superlative = alternatives[random.nextInt(alternatives.length)];

そして私のpubspec.yaml

name:  Proefje
description:  A sample application 

dependencies:   
  web_ui: any

アプリを実行すると、クエリ関数がボタンのテキストを変更しているのがわかりますが、MDV is {{superlative}}はそのままです。

何か案は？

4

1 に答える 1

3

Seth Laddのブログのセットアップセクションで説明されているように、htmlをコンパイルする必要があります。

Dart Webコンポーネントを初めて使用する場合は、Dartを使用した最初のWebコンポーネントの投稿、またはDartWebコンポーネントの記事を読むことをお勧めします。Dart Webコンポーネントと同様に、MDVを機能させるには、dwcコンパイラを含むweb_componentsパッケージを入手する必要があります。コンパイラーは、MVCおよびWCコードをバニラダートおよびHTMLに変換するものです。

build.dart基本的に、次のようなものを使用してルートディレクトリにを追加できます。

import 'package:web_ui/component_build.dart';
import 'dart:io';

void main() {
  build(new Options().arguments, ['web/App.html']);
}

（Web UI用のツールを参照）

于 2012-12-11T20:30:58.460 に答える