2016-10-20 4 views
2

Anzeige

{{ position }} <br/> 
    {{ myText }} 

nun in meiner Konsole, bekomme ich dieses Objekt

Geoposition {coords: Coordinates, timestamp: 1476965809589} 

Ein Zeichen die Position kam in

In schablonen ich diese:

{} 
Text to show 

Also, warum nicht die $scope.position nicht in meiner Vorlage zeigt, obwohl die Text to show zeigt, und das Konsolenprotokoll der $scope.position zur Verfügung bestätigt?

Mein home.html:

<div class="small-12 columns"> 
     <div class="callout clearfix" style="margin-top:20px;"> 
      <h5 class="float-center">Welcome Home.</h5> 
      {{ position }} <br/> 
      {{ myText }} 
      <div ng-show="!position" class="float-center"> 
       <div class="loader"> 
        <span>{</span><span>}</span> 
       </div> 
      </div> 
     </div> 
    </div> 

und Staat:

$stateProvider 
    .state('home', { 
    url: '/', 
    templateUrl: 'home/home.html', 
    controller: 'HomeController' 
    }) 
+0

In der Vorlage verwenden Sie bereits 'HomeController' wie:' '

{{position}}
? – dinony

+0

können Sie das vollständige HTML pls hinzufügen ?? – Vanojx1

+0

können Sie versuchen, diese: .Controller ('Homecontroller' [ '$ scope', '$ Geolocation', function ($ scope, $ Geolocation) { $ scope.model = {}; $ geolocation.getCurrentPosition (. { Timeout: 6000 }) dann (function (Position) { $ scope.model.position = Position; $ scope.myText = 'Text zeigen'; console.log (Position); console.log ($ scope.model.position); }) } ]) In der Vorlage: {{model.position}} {{
myText}} Eckige Bedürfnisse Punktnotation für einige Objekte aufgelöst werden. – Mahesh

Antwort

1

Okay, dachte ich es aus.

Mußte dies, wie in spezifisch sein mit dem, was ich aus dem position Objekt will

<div class="callout clearfix" style="margin-top:20px;"> 
      <h5 class="float-center">Welcome Home.</h5> 
      {{ position.timestamp }} <br/> 
      {{ position.coords.latitude }} <br/> // this works 
      {{ myText }} 
      <div ng-show="!position" class="float-center"> 
       <div class="loader"> 
        <span>{</span><span>}</span> 
       </div> 
      </div> 
     </div>