無法訪問範圍變量在視圖中

Question

我是新的angular.I無法訪問範圍變量在視圖中。

控制器

$scope.getData = function (val) { 
     alert(val) 
     $scope.value= val; 
    } 

視圖

<pre>{{value}}</pre> 

請人幫我

Answer 1

相同的代碼工作DEMO

您可以使用ng-bind-html-unsafe指令來綁定html數據。

<div ng-controller="MyCtrl"> 
    <pre ng-bind-html-unsafe="value"></pre> 
</div> 

DEMO

Answer 2

HTML

<div ng-app="myApp" ng-controller="myCtrl"> 

    <div class="row"> 
     <div class="col-lg-2"><input type="text" ng-model="value" /></div> 
     <div class="col-lg-2"> <input type="button" value="GetData " ng-click="GetData('myNewValueProvidedFromHtml')" /></div> 

    </div> 


    <span ng-bind="value"></span> 
</div> 

角

var myApp = angular.module("myApp", []); 


myApp.controller('myCtrl', function ($scope) { 

    $scope.value = "my value"; 

    $scope.GetData = function (newValue) { 
     $scope.value = newValue; 

    } 


}); 

Answer 3

限定

$scope.values = {thisValue:value} 

則INT HTML

{{values.thisValue}} 

Answer 4

https://jsfiddle.net/robert07ravikumar/m3n450h1/

ANGULAR CODE

function MyController($scope) { 
    $scope.printName = function(name) { 
     $scope.namePrint = name; 
    }; 
} 

HTML代碼

<div class="well" ng-controller="MyController"> 

    <button ng-click="printName('robert ravikumar')">print name</button> 

    <span>{{namePrint}}</span> 
    </div> 

將值賦給作用域變量（namePrint）並使用作用域變量的雙括號將其顯示在視圖中