Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/logging/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从HTML标记初始化AngularJS模型_Javascript_Django_Angularjs - Fatal编程技术网

Javascript 从HTML标记初始化AngularJS模型

Javascript 从HTML标记初始化AngularJS模型,javascript,django,angularjs,Javascript,Django,Angularjs,我和django+angular一起工作。我希望django在HTML模板中填充一个值,然后告诉Angular使用该值作为模型的初始值 我需要这个有两个原因: 简单性-页面DEO目前没有使用角度,我相信 是的 这样升级更容易 SEO-一些搜索引擎无法阅读 在DOM中通过角度填充的值。我知道有 几个解决方案的搜索引擎优化与角度,但我希望有一个更容易 路 任何帮助都将不胜感激:)您可以根据初始HTMl值初始化您的模型 例如,您的HTML将是: <div ng-bind="value">i

我和django+angular一起工作。我希望django在HTML模板中填充一个值,然后告诉Angular使用该值作为模型的初始值

我需要这个有两个原因:

  • 简单性-页面DEO目前没有使用角度,我相信 是的 这样升级更容易
  • SEO-一些搜索引擎无法阅读 在DOM中通过角度填充的值。我知道有 几个解决方案的搜索引擎优化与角度,但我希望有一个更容易 路

  • 任何帮助都将不胜感激:)

    您可以根据初始HTMl值初始化您的模型

    例如,您的HTML将是:

    <div ng-bind="value">initialValue</div>
    
    Angular随后将接管并可以反映对
    $scope.value
    所做的任何更改

    缺点是您需要获取元素(为了简单起见,这里使用jQuery,但您可以使用普通Javascript)

    解决这一问题的一种方法是自定义指令:

    <div late-binding="value">initialValue</div>
    
    初始值
    

    我将指令代码作为练习发给读者,除非你需要帮助:)

    不清楚你在问什么。是的,您可以这样做,但仍然不确定问题出在哪里。通常的方法是使用{{scope.model}},它从角度填充HTML。我想反过来做。在常规HTML标记中设置一个值,然后像往常一样读取并更新该值
    ?谢谢!这听起来不错。我会尝试一下&希望能接受!
    <div late-binding="value">initialValue</div>