Establecer la variable de alcance angular en el marcado

Pregunta simple: ¿Cómo puedo establecer un valor de alcance en html, para que lo lea mi controlador?

var app = angular.module('app', []);

app.controller('MyController', function($scope) {
  console.log($scope.myVar);
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app='app'>
  <div ng-controller="MyController" app-myVar="test">
    {{myVar}}
  </div>
</div>

JSFiddle: http://jsfiddle.net/ncapito/YdQcX/

ng-initno funciona cuando asigna variables dentro del ciclo. Utilizar {{myVariable=whatever;""}}

El final ""detiene la evaluación de la expresión angular en cualquier texto.

Luego, simplemente puede llamar {{myVariable}}para generar su valor de variable.

Encontré esto muy útil al iterar múltiples matrices anidadas y quería mantener mi información de iteración actual en una variable en lugar de consultarla varias veces.

ngInit puede ayudar a inicializar variables.

<div ng-app='app'>
    <div ng-controller="MyController" ng-init="myVar='test'">
        {{myVar}}
    </div>
</div>

ejemplo de jsfiddle

Cree una directiva llamada myVarcon

scope : { myVar: '@' }

y llámalo así:

<div name="my_map" my-var="Richmond,VA">

Tenga en cuenta en particular la referencia de caso de camello en la directiva al nombre de la etiqueta con guión.

Para obtener más información, consulte "Comprensión de la transclusión y los alcances" aquí: http://docs.angularjs.org/guide/directive

Aquí hay un Fiddle que muestra cómo puede copiar valores de atributos a variables de alcance de varias formas diferentes dentro de una directiva.

Puede establecer valores de html como este. No creo que haya una solución directa de angular todavía.

 <div style="visibility: hidden;">{{activeTitle='home'}}</div>

Puede usar ng-initcomo se muestra a continuación

<div class="TotalForm">
  <label>B/W Print Total</label>
  <div ng-init="{{BWCount=(oMachineAccounts|sumByKey:'BWCOUNT')}}">{{BWCount}}</div>
</div>
<div class="TotalForm">
  <label>Color Print Total</label>
  <div ng-init="{{ColorCount=(oMachineAccounts|sumByKey:'COLORCOUNT')}}">{{ColorCount}}</div>
</div>

y luego use la variable de alcance local en otras secciones:

<div>Total: BW: {{BWCount}}</div>
<div>Total: COLOR: {{ColorCount}}</div>

$scope.$watch('myVar', function (newValue, oldValue) {
        if (typeof (newValue) !== 'undefined') {
            $scope.someothervar= newValue;
//or get some data
            getData();
        }


    }, true);

La variable se inicializa después del controlador, por lo que debe vigilarlo y, cuando no esté inicializado, utilizarlo.

Me gusta la respuesta, pero creo que sería mejor que creara una función de alcance global que le permita establecer la variable de alcance necesaria.

Entonces en el globalController crea

$scope.setScopeVariable = function(variable, value){
    $scope[variable] = value;
}

y luego en su archivo html llámelo

{{setScopeVariable('myVar', 'whatever')}}

Esto le permitirá usar $ scope.myVar en su controlador respectivo

Si no está en un bucle, puede usar ng-init; de lo contrario, puede usar

{{var=foo;""}}

el "" no permite mostrar su var