从角度未定义的html接收数据答案

【问题标题】：recieve data form html in angular undefined从角度未定义的html接收数据
【发布时间】：2017-08-25 15:09:34
【问题描述】：

好吧，我有一个简单的表格来添加数据，但是当我从添加或选择日期时输入日期时出现问题，但日期总是未定义，但我重新加载页面并开始工作，老实说，这是对我来说最奇怪的事情。选择日期我使用bootstrap-datepicker

<link rel="stylesheet" href="../../../assets/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">
<script src="../../../assets/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
<script src="../../../assets/bootstrap-datepicker/dist/locales/bootstrap-datepicker.es.min.js"></script>

<div class="form-group">
    <label class="col-sm-1 control-label">
        Fecha Control:
    </label>
    <div class="col-sm-4">
        <input class="form-control" type="text" placeholder="DD/MM/YYYY" id="date_food" name="date_food" ng-model="date_food">
    </div>
    <script type="text/javascript">
        $(function() {
            $('#date_food').datepicker({
                format: 'dd/mm/yyyy',
                language: "es",
                todayHighlight: true,
                autoclose: true
            });
        });
    </script>
</div>

添加按钮

<button ng-click="addExtraDining()" class="btn btn-lg btn-primary">
    Agregar comida extra
</button>

和功能

$scope.addExtraDining = function () {
            console.log(document.getElementsByName("date_food").value); //undefined
            console.log($scope.date_food); //undefined
}

【问题讨论】：

标签： javascript html angularjs datepicker

【解决方案1】：

getElementsByName() 给出一个节点列表集合。因此，您需要通过索引来获取这样的元素

document.getElementsByName("date_food")[0].value

由于date_food是dom元素的id，所以可以使用document.getElementById('date_food')

您可以注意两个文本getElementsByName 和getElementById 之间的区别。在一种情况下是 elements 在其他情况下是 element

【讨论】：