printstateが動作していません

Question

コンソールで使用していますか？エラー。それをドキュメントの関数として使用しますか？エラー。意味がありません。どうして？どのように状態を表示することも可能ですか？あなたが残りのものについて疑問に思っている場合は、Laravel 4.2を使用しています。これはマスターテンプレートに含まれています。これは私のページのコードです。

@extends('Templates.master') 

@section('page-css') 
    <style> 

     .option-list { 
      height: 100vh; 
      width: 100vh; 
      top: 0; 
      bottom: 0; 
      left: 0; 
      right: 0; 
      position: absolute; 
     } 

     .option-list.active { 
      display: block; 
     } 

     .option-list.inactive { 
      display: none; 
     } 

    </style> 
@stop 

@section('amp-component-scripts') 
    <script async custom-element="amp-selector" src="https://cdn.ampproject.org/v0/amp-selector-0.1.js"></script> 
    <script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script> 
@stop 

@section('html-content') 

    <div class="option-list inactive" [class]="'option-list' + ' ' + myState.optionList.status"> 
     <amp-selector layout="container"> 
      <div option="1">opt 1</div> 
      <div option="2">opt 2</div> 
      <div option="3">opt 3</div> 
      <div option="4">opt 4</div> 
     </amp-selector> 
    </div> 

    <amp-state id="myState"> 
     <script type="application/json"> 
     { 
      "optionList":{ 
       "status":"inactive", 
       "options":[ 
        { 
         "name":"option1", 
         "icon":"icon1" 
        }, 
        { 
         "name":"option2", 
         "icon":"icon2" 
        } 
       ] 
      } 
     } 
     </script> 
    </amp-state> 

    <button on="tap:AMP.setState({ optionList : { status : 'active' } })">press me plssss</button> 

    <p [text]="myState.optionList.status">inactive</p> 


@stop 

Answer 1

this号をご覧ください。 localhostでのみ有効になっているようですが、localhostでも試すことができますか？